Make the login form accept the correct auto-fill property (chamhayden#6)

GHWang28 · Apr 6, 2023 · 5ec1c41 · 5ec1c41
1 parent 7f8728d
commit 5ec1c41
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/frontend/src/page/Login.jsx b/frontend/src/page/Login.jsx
@@ -106,7 +106,7 @@ const SignIn = (props) => {
   if (loading) {
     return <AppLoad />;
   }
-  
+
   return (
     <main className={classes.main}>
       <CssBaseline />
@@ -118,7 +118,7 @@ const SignIn = (props) => {
         <form className={classes.form}>
           <FormControl margin="normal" required fullWidth>
             <InputLabel htmlFor="email">zid</InputLabel>
-            <Input id="email" name="email" autoComplete="email" autoFocus placeholder="z1234567" value={zid} onChange={e => setZid(e.target.value)} />
+            <Input id="username" name="username" autoComplete="username" autoFocus placeholder="z1234567" value={zid} onChange={e => setZid(e.target.value)} />
           </FormControl>
           <FormControl margin="normal" required fullWidth>
             <InputLabel htmlFor="password">zpass</InputLabel>
@@ -165,4 +165,4 @@ SignIn.propTypes = {
   classes: PropTypes.object.isRequired,
 };
 
-export default withStyles(styles)(SignIn);
+export default withStyles(styles)(SignIn);