closes #181 unlock via enter key (#187)

* closes #181 unlock via enter key

* style coherence with semantic fx naming

src/pages/LoginPage.js

@@ -211,12 +211,21 @@ function LoginForm() {
   const [stayLoggedIn, setStayLoggedIn] = useState(false);
   const callAsync = useCallAsync();
 
-  function submit() {
+  const submit = () => {
     callAsync(loadMnemonicAndSeed(password, stayLoggedIn), {
       progressMessage: 'Unlocking wallet...',
       successMessage: 'Wallet unlocked',
     });
   }
+  const submitOnEnter = (e) => {
+    if (e.code === "Enter" || e.code === "NumpadEnter") {
+      e.preventDefault();
+      e.stopPropagation();
+      submit();
+    }
+  }
+  const setPasswordOnChange = (e) => setPassword(e.target.value);
+  const toggleStayLoggedIn = (e) => setStayLoggedIn(e.target.checked);
   
   return (
     <Card>
@@ -232,13 +241,14 @@ function LoginForm() {
           type="password"
           autoComplete="current-password"
           value={password}
-          onChange={(e) => setPassword(e.target.value)}
+          onChange={setPasswordOnChange}
+          onKeyDown={submitOnEnter}
         />
         <FormControlLabel
           control={
             <Checkbox
               checked={stayLoggedIn}
-              onChange={(e) => setStayLoggedIn(e.target.checked)}
+              onChange={toggleStayLoggedIn}
             />
           }
           label="Keep wallet unlocked"