Răsfoiți Sursa

Rewrite activePage when enter is pressed

Shun Miyazawa 3 ani în urmă
părinte
comite
3ea3a72050

+ 7 - 0
packages/app/src/components/Admin/AuditLogManagement.tsx

@@ -127,6 +127,12 @@ export const AuditLogManagement: FC = () => {
     }
   }, [totalPagingPages]);
 
+  const jumpPageInputKeyDownHandler = useCallback((e) => {
+    if (e.key === 'Enter') {
+      setActivePage(jumpPageNumber);
+    }
+  }, [setActivePage, jumpPageNumber]);
+
   const jumpPageButtonPushedHandler = useCallback(() => {
     setActivePage(jumpPageNumber);
   }, [jumpPageNumber]);
@@ -221,6 +227,7 @@ export const AuditLogManagement: FC = () => {
                 type="text"
                 className="jump-page-input"
                 onChange={jumpPageInputChangeHandler}
+                onKeyDown={jumpPageInputKeyDownHandler}
               />
               <button className="btn btn-sm" type="button" onClick={jumpPageButtonPushedHandler}>
                 <b>Go</b>