Implement login method start for "enter" button at password field [CI]

ibardos · May 20, 2024 · df79caf · df79caf
1 parent bc2c126
commit df79caf
Showing 1 changed file with 8 additions and 1 deletion.
diff --git a/src/main/ui/src/pages/Login.jsx b/src/main/ui/src/pages/Login.jsx
@@ -79,6 +79,12 @@ const LoginForm = () => {
         }
     }
 
+    const handleEnterPressedToLogin = async (event) => {
+        if (event.key === "Enter") {
+            await handleSubmit(event);
+        }
+    }
+
 
     return (
         <Card bg={"dark"} style={{width: '300px', margin: 'auto'}}>
@@ -93,7 +99,8 @@ const LoginForm = () => {
                     <Form.Group className="mb-3" controlId="formTextareaPassword">
                         <Form.Label>password</Form.Label>
                         <Form.Control type="password" name="password" placeholder="password"
-                                      onChange={(event) => setPassword(event.target.value)}/>
+                                      onChange={(event) => setPassword(event.target.value)}
+                                      onKeyUp={handleEnterPressedToLogin}/>
                     </Form.Group>
 
                     <p style={{fontWeight: "bold", textAlign: "center", color: "red"}}>{badCredentialsAlert}</p>