fix login input area

TheodoreKrypton · Jan 1, 2021 · d039c2f · d039c2f
1 parent 3bf247e
commit d039c2f
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/package.json b/package.json
@@ -54,4 +54,4 @@
     "eslint-plugin-react": "^7.20.5",
     "eslint-plugin-react-hooks": "^4.0.8"
   }
-}
+}
diff --git a/src/pages/Login/index.js b/src/pages/Login/index.js
@@ -12,14 +12,14 @@ export default () => {
   const [input, setInput] = React.useState('');
   const [open, setOpen] = React.useState(!api.hasUserpass());
 
-  const handleProceed = () => {
+  const handleProceed = React.useCallback(() => {
     api.authByPassword({ password: input }).then((rsp) => {
       if (rsp) {
         setOpen(false);
         window.location.reload();
       }
     });
-  };
+  }, [input]);
 
   return (
     <>
@@ -36,7 +36,7 @@ export default () => {
             type="password"
             color="secondary"
             value={input}
-            onChange={setInput}
+            onChange={(ev) => { setInput(ev.target.value); }}
             fullWidth
           />
         </DialogContent>
-Original file line number
+Diff line change
@@ Expand Up / @@ -54,4 +54,4 @@ @@
         "eslint-plugin-react": "^7.20.5",
         "eslint-plugin-react-hooks": "^4.0.8"
       }
-    }
+    }