Applied keyboard event

src/pages/LoginPage/Login.tsx

@@ -6,6 +6,7 @@ import { ofetch } from 'ofetch'
 import { SHA1, SHA3 } from 'crypto-js'
 import { useNavigate } from '@solidjs/router'
 import { checkConnection } from '../../utils/functions'
+import { _employeeId, _employeeName } from '../../stores/employee'
 
 export default () => {
   const API = import.meta.env.VITE_BACKEND
@@ -39,6 +40,8 @@ export default () => {
     }
 
     if (dbpassword.result === hashPassword) {
+      _employeeId.set(employeeid)
+      _employeeName.set(name())
       setLoggedin(2)
     } else {
       setLoggedin(1)
@@ -84,7 +87,8 @@ export default () => {
 
           <Padding top={2} left={0} right={0} bottom={0}>
             <Row>
-              <Box curved thickness={2} padding="2rem" color="#2f465cd7" background="#04040654">
+              <Box curved thickness={2} padding="2.25rem" color="#2f465cd7" background="#04040660">
+                {/* <section class="box"> */}
                 <Row>
                   <span class="box-title">Login</span>
                 </Row>
@@ -102,7 +106,13 @@ export default () => {
                   <span class="approver-name">{APPROVERNAME}</span>
                 </Show>
                 <h4>Password</h4>
-                <Input value={password()} onChange={setPassword}></Input>
+                <Input
+                  value={password()}
+                  onChange={setPassword}
+                  onKeyDown={(event: KeyboardEvent) => {
+                    if (event.key === 'Enter') login()
+                  }}
+                />
 
                 <Padding top={2} left={0} right={0} bottom={0}>
                   <Show when={password() && name()}>
@@ -129,6 +139,7 @@ export default () => {
                     </Row>
                   </Show>
                 </Padding>
+                {/* </section> */}
               </Box>
             </Row>
           </Padding>