feat: support the use of enter to submit on the login screen

star4182 · Mar 8, 2024 · 15b7e20 · 15b7e20
1 parent 9916b45
commit 15b7e20
Showing 1 changed file with 10 additions and 0 deletions.
diff --git a/app/src/routes/Auth.tsx b/app/src/routes/Auth.tsx
@@ -141,6 +141,16 @@ function Login() {
     }
   };
 
+  useEffect(() => {
+    // listen to enter key and auto submit
+    const listener = async (e: KeyboardEvent) => {
+      if (e.key === "Enter") await onSubmit();
+    };
+
+    document.addEventListener("keydown", listener);
+    return () => document.removeEventListener("keydown", listener);
+  }, []);
+
   return (
     <div className={`auth-container`}>
       <img className={`logo`} src={appLogo} alt="" />