Adding enter click

MPMG-DCC-UFMG · Nov 6, 2020 · 511a560 · 511a560
1 parent 745a5e4
commit 511a560
Showing 2 changed files with 22 additions and 14 deletions.
diff --git a/trena_dashboard/package.json b/trena_dashboard/package.json
@@ -1,6 +1,6 @@
 {
   "name": "trena_dashboard",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "private": true,
   "homepage": "/dashboard/",
   "dependencies": {

diff --git a/trena_dashboard/src/screens/LoginScreen.tsx b/trena_dashboard/src/screens/LoginScreen.tsx
@@ -14,6 +14,11 @@ export const LoginScreen: React.FC<any> = observer(() => {
         await userStore.login(user.username, user.password)
     }
 
+    const onSubmit = (e: React.FormEvent) => {
+        e.preventDefault()
+        onLoginClicked()
+    }
+
     const onValueChanged = (e: React.ChangeEvent<HTMLInputElement>) => {
         setUser({...user, [e.target.name]: e.target.value})
     }
@@ -37,19 +42,22 @@ export const LoginScreen: React.FC<any> = observer(() => {
                             <figure className="image">
                                 <Logo/>
                             </figure>
-                            <InputField inputLabel="Usuário"
-                                        inputDefaultValue={user.username}
-                                        onValueChanged={onValueChanged}
-                                        inputName="username"/>
-                            <InputField inputLabel="Senha"
-                                        inputDefaultValue={user.password}
-                                        onValueChanged={onValueChanged}
-                                        inputName="password"
-                                        type="password"/>
-                            <button disabled={!isFormValid()} className="button is-info"
-                                    onClick={onLoginClicked}>
-                                Logar
-                            </button>
+                            <form onSubmit={onSubmit}>
+                                <InputField inputLabel="Usuário"
+                                            inputDefaultValue={user.username}
+                                            onValueChanged={onValueChanged}
+                                            inputName="username"/>
+                                <InputField inputLabel="Senha"
+                                            inputDefaultValue={user.password}
+                                            onValueChanged={onValueChanged}
+                                            inputName="password"
+                                            type="password"/>
+                                <button disabled={!isFormValid()} className="button is-info"
+                                        onClick={onLoginClicked} type={"submit"}>
+                                    Logar
+                                </button>
+                            </form>
+
                         </div>
                     </div>
                 </div>