From 9749a590809dc72902df63770986b9e12f136472 Mon Sep 17 00:00:00 2001
From: Ernst Widerberg <ernst@sunet.se>
Date: Fri, 22 Oct 2021 16:39:35 +0200
Subject: Login: Submit with return key

Maybe should use a form instead
---
 src/components/Login.js | 16 ++++++++++++++--
 1 file changed, 14 insertions(+), 2 deletions(-)

(limited to 'src')

diff --git a/src/components/Login.js b/src/components/Login.js
index 9b45817..6379386 100644
--- a/src/components/Login.js
+++ b/src/components/Login.js
@@ -59,7 +59,6 @@ class Login extends React.Component {
                 <Paper id="login" variant="outlined" color="green">
                     <TextField
                         type="text"
-                        required
                         name="email"
                         placeholder="Username..."
                         onChange={event => {
@@ -67,6 +66,13 @@ class Login extends React.Component {
                                 email: event.target.value
                             });
                         }}
+                        onKeyDown={event => {
+                            if (event.key === "Enter")
+                                this.login(
+                                    this.state.email,
+                                    this.state.password
+                                );
+                        }}
                     />
                     <TextField
                         type="password"
@@ -77,7 +83,13 @@ class Login extends React.Component {
                                 password: event.target.value
                             });
                         }}
-                        required
+                        onKeyDown={event => {
+                            if (event.key === "Enter")
+                                this.login(
+                                    this.state.email,
+                                    this.state.password
+                                );
+                        }}
                         sx={{
                             marginTop: "1em"
                         }}
-- 
cgit v1.1