From 15b7e204e17e508f67da2676fc03bfd9cf22b71e Mon Sep 17 00:00:00 2001
From: Zhang Minghan <zmh13054618081@dingtalk.com>
Date: Fri, 8 Mar 2024 12:57:07 +0800
Subject: [PATCH] feat: support the use of enter to submit on the login screen

---
 app/src/routes/Auth.tsx | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/app/src/routes/Auth.tsx b/app/src/routes/Auth.tsx
index 4953c5b..fd193fd 100644
--- 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="" />