From e52a9f6de8fd9652b1e303fac4d270b5dd14d46e Mon Sep 17 00:00:00 2001
From: bourquecharles <charles.bourque96@gmail.com>
Date: Sun, 2 May 2021 13:26:14 -0400
Subject: [PATCH] Added enter key listener on login page

---
 src/views/pages/Login.js | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/views/pages/Login.js b/src/views/pages/Login.js
index a4f1502..e54e060 100644
--- a/src/views/pages/Login.js
+++ b/src/views/pages/Login.js
@@ -23,6 +23,12 @@ const Login = () => {
   const dispatch = useDispatch();
   const [userId, setUsername] = useState('');
   const [password, setPassword] = useState('');
+  
+  const onKeyDown = (event) => {
+    if(event.code === 'Enter' && formValidation()){
+      SignIn({ userId, password });
+    }
+  };
 
   const SignIn = (credentials) => {
     axiosInstance.post('/oauth2', credentials)
@@ -33,7 +39,7 @@ const Login = () => {
     .catch(error => {
         console.log(error.response);
     });
-  }
+  };
   
   const formValidation = () => {
       if (userId.trim() === '' || password.trim() === ''){
@@ -50,7 +56,7 @@ const Login = () => {
             <CCardGroup>
               <CCard className="p-4">
                 <CCardBody>
-                  <CForm>
+                  <CForm onKeyDown = { onKeyDown }>
                     <h1>Login</h1>
                     <p className="text-muted">Sign In to your account</p>
                     <CInputGroup className="mb-3">