From 38217a7101b50e7aa0a0d543cad737a011d5fac0 Mon Sep 17 00:00:00 2001
From: dan <me@danrh.co.uk>
Date: Mon, 28 Aug 2023 11:40:36 -0400
Subject: refactor: setup and run eslint+prettier

---
 src/pages/Login/index.js | 36 +++++++++++++++++-------------------
 src/pages/Users/index.js |  7 ++++++-
 2 files changed, 23 insertions(+), 20 deletions(-)

(limited to 'src/pages')

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>
   );
 }
-
diff --git a/src/pages/Users/index.js b/src/pages/Users/index.js
index 43afe5d..1cc20ce 100644
--- a/src/pages/Users/index.js
+++ b/src/pages/Users/index.js
@@ -1,3 +1,8 @@
 export default function Users() {
-  return <>Users</>;
+  return (
+    <>
+      Users
+      <div>foo</div>
+    </>
+  );
 }
-- 
cgit v1.2.3