refactor: setup and run eslint+prettier

1 files changed, 40 insertions, 39 deletions

diff --git a/src/App.js b/src/App.js
index 9d9ee58..21ebbf3 100644
--- a/src/App.js
+++ b/src/App.js
@@ -1,80 +1,81 @@
-import './App.css';
-import { RouterProvider, createBrowserRouter, Navigate } from 'react-router-dom';
-import Login from './pages/Login';
-import Surveys from './pages/Surveys';
-import NewSurvey from './pages/NewSurvey';
-import SurveyResults from './pages/SurveyResults';
-import SurveyAssignees from './pages/SurveyAssignees';
-import Users from './pages/Users';
-import NavBar from './components/NavBar';
-import useLoginState from './hooks/useLoginState';
-import CssBaseline from '@mui/material/CssBaseline';
-import CustomThemeProvider from './CustomThemeProvider';
+import "./App.css";
+import {
+  RouterProvider,
+  createBrowserRouter,
+  Navigate,
+} from "react-router-dom";
+import Login from "./pages/Login";
+import Surveys from "./pages/Surveys";
+import NewSurvey from "./pages/NewSurvey";
+import SurveyResults from "./pages/SurveyResults";
+import SurveyAssignees from "./pages/SurveyAssignees";
+import Users from "./pages/Users";
+import NavBar from "./components/NavBar";
+import useLoginState from "./hooks/useLoginState";
+import CssBaseline from "@mui/material/CssBaseline";
+import CustomThemeProvider from "./CustomThemeProvider";
 
 function routes({ login, logout, isLoggedIn }) {
-  
   function withNavBar(component) {
     const navbarLinks = [
-      { label: 'Surveys', link: '/surveys' },
-      { label: 'New Survey', link: '/surveys/new' },
-      { label: 'Users', link: '/users' },
+      { label: "Surveys", link: "/surveys" },
+      { label: "New Survey", link: "/surveys/new" },
+      { label: "Users", link: "/users" },
     ];
-    return (<>
-      <NavBar isLoggedIn={isLoggedIn} pages={navbarLinks} logout={logout} />
-      {component}
-    </>);
+    return (
+      <>
+        <NavBar isLoggedIn={isLoggedIn} pages={navbarLinks} logout={logout} />
+        {component}
+      </>
+    );
   }
 
   if (!isLoggedIn) {
-    return ([
+    return [
       {
-        path: '*',
-        element: <Login login={login}/>,
+        path: "*",
+        element: <Login login={login} />,
       },
-    ]);
+    ];
   } else {
-    return ([
+    return [
       {
-        path: '/',
-        element: <Navigate to={{ pathname: '/surveys' }} />,
+        path: "/",
+        element: <Navigate to={{ pathname: "/surveys" }} />,
       },
       {
-        path: '/surveys',
+        path: "/surveys",
         element: withNavBar(<Surveys />),
       },
       {
-        path: '/surveys/new',
+        path: "/surveys/new",
         element: withNavBar(<NewSurvey />),
       },
       {
-        path: '/surveys/:surveyId/results',
+        path: "/surveys/:surveyId/results",
         element: withNavBar(<SurveyResults />),
       },
       {
-        path: '/surveys/:surveyId/assignees',
+        path: "/surveys/:surveyId/assignees",
         element: withNavBar(<SurveyAssignees />),
       },
       {
-        path: '/users',
+        path: "/users",
         element: withNavBar(<Users />),
       },
-    ]);
+    ];
   }
-
 }
 
 export default function App() {
   const { login, logout, isLoggedIn } = useLoginState();
-  const currentRoutes = routes({isLoggedIn, logout, login});
+  const currentRoutes = routes({ isLoggedIn, logout, login });
   return (
     <>
       <CssBaseline />
       <CustomThemeProvider>
-        <RouterProvider router={
-          createBrowserRouter(currentRoutes)
-        }/>
+        <RouterProvider router={createBrowserRouter(currentRoutes)} />
       </CustomThemeProvider>
     </>
   );
 }
-