1 files changed, 17 insertions, 19 deletions

diff --git a/src/pages/Login/index.js b/src/pages/Login/index.js
index 1735d8e..6d16936 100644
--- a/src/pages/Login/index.js
+++ b/src/pages/Login/index.js
@@ -1,20 +1,19 @@
-import React, { useState } from 'react';
-import Box from '@mui/material/Box';
-import TextField from '@mui/material/TextField';
-import Button from '@mui/material/Button';
-import {Stack} from '@mui/system';
+import React, { useState } from "react";
+import Box from "@mui/material/Box";
+import TextField from "@mui/material/TextField";
+import Button from "@mui/material/Button";
+import { Stack } from "@mui/system";
 
 export default function Login({ login }) {
-  const [user, setUser] = useState('');
-  const [password, setPassword] = useState('');
+  const [user, setUser] = useState("");
+  const [password, setPassword] = useState("");
   const [loginFailed, setLoginFailed] = useState(false);
 
   const getApiKey = () => {
     login(user, password)
-      .then(ok => {
+      .then((ok) => {
         setLoginFailed(!ok);
-      }
-      )
+      })
       .catch(console.error);
   };
 
@@ -22,26 +21,26 @@ export default function Login({ login }) {
     <Box
       component="form"
       sx={{
-        '& > :not(style)': { m: 1 },
+        "& > :not(style)": { m: 1 },
         flexGrow: 1,
       }}
       noValidate
       autoComplete="off"
     >
-      <Stack spacing={1} maxWidth='20em'>
+      <Stack spacing={1} maxWidth="20em">
         <h2>Repeated Surveyer</h2>
         <h3>Login</h3>
         <TextField
-          label='Email Address'
-          type='text'
+          label="Email Address"
+          type="text"
           value={user}
-          onChange={e => setUser(e.target.value.trim())}
+          onChange={(e) => setUser(e.target.value.trim())}
         />
         <TextField
-          label='Password'
-          type='password'
+          label="Password"
+          type="password"
           value={password}
-          onChange={e => setPassword(e.target.value)}
+          onChange={(e) => setPassword(e.target.value)}
         />
         <Button onClick={() => getApiKey()}>Login</Button>
         {loginFailed && <b>Login Failed</b>}
@@ -49,4 +48,3 @@ export default function Login({ login }) {
     </Box>
   );
 }
-