Revize 1865a0be

re #58 massive code formatting

client/src/App.js

@@ -9 +9 @@
 import Setting from './Setting';
 import LogOut from './LogOut';
 import Login from './Login';
-import { BrowserRouter, Route, Switch } from "react-router-dom";
-import * as api_fetch from './api'
+import { BrowserRouter, Route, Switch } from 'react-router-dom';
+import * as api from './api';
 
-function App() {
+export default function App() {
 
   useEffect(() => {
     if (window.location.pathname === '/login' || window.location.pathname === '/logout') return;
 
-    api_fetch.getCurrentProfile().then(currentProfile => {
+    api.getCurrentProfile().then(currentProfile => {
       setCurrentUser(currentProfile);
     }).catch(reason => {
-        alert(reason)
+      alert(reason);
     });
   }, []);
 
@@ -32 +32 @@
       <div className="App">
         <Nav currentUser={currentUser} />
         <div className="container">
-        <Switch>
-          <Route path="/" exact component={() => <Home currentUser={currentUser} setCurrentUser={setCurrentUser}/>}/>
-          <Route path="/setting">
-            {currentUser !== undefined && currentUser.role === 'EMPLOYER'
-            ?
-              <Setting/> 
-            :
-              <div className="permissionText column">
-                <p>You don't have permission to access on this server.</p>
-              </div>
-            }
-          </Route> 
-          <Route path="/logout"><LogOut/></Route>
-          <Route path="/login"><Login/></Route>
-        </Switch>  
+          <Switch>
+            <Route path="/" exact component={() => <Home currentUser={currentUser} setCurrentUser={setCurrentUser}/>}/>
+            <Route path="/setting">
+              {currentUser !== undefined && currentUser.role === 'EMPLOYER' ? (
+                <Setting/>
+              ) : (
+                <div className="permissionText column">
+                  <p>You don&apos;t have permission to access on this server.</p>
+                </div>
+              )}
+            </Route>
+            <Route path="/logout"><LogOut/></Route>
+            <Route path="/login"><Login/></Route>
+          </Switch>
         </div>
       </div>
     </BrowserRouter>
   );
 }
 
-const Home = (props) => {
-  const [user, setUser] = useState([]);
-
+function Home(props) {
+  const [user, setUser] = useState({});
   const [acceptedRequest, setAcceptedRequest] = useState([]);
 
-  // OverviewAdmin state 
+  // OverviewAdmin state
   const [employees, setEmployees] = useState([]);
 
   return (
     <div className="container">
       <div className="main-content">
-        {props.currentUser !== undefined && props.currentUser.role === 'EMPLOYER'
-        ? 
+        {props.currentUser !== undefined && props.currentUser.role === 'EMPLOYER' ? (
           <UpcomingRequests user={user} setUser={setUser} acceptedRequest={acceptedRequest} setAcceptedRequest={setAcceptedRequest} setEmployees={setEmployees}/>
-        : 
+        ) : (
           <YourRequests user={user} setUser={setUser} acceptedRequest={acceptedRequest} setAcceptedRequest={setAcceptedRequest} currentUser={props.currentUser}/>
-        }
-        <Calendar setUser={setUser} user={user} acceptedRequest={acceptedRequest} setAcceptedRequest={setAcceptedRequest} currentUser={props.currentUser} setEmployees={setEmployees} setCurrentUser={props.setCurrentUser}/> 
+        )}
+        <Calendar setUser={setUser} user={user} acceptedRequest={acceptedRequest} setAcceptedRequest={setAcceptedRequest} currentUser={props.currentUser} setEmployees={setEmployees} setCurrentUser={props.setCurrentUser}/>
       </div>
-      {props.currentUser !== undefined && props.currentUser.role === 'EMPLOYER'
-      ?
+      {props.currentUser !== undefined && props.currentUser.role === 'EMPLOYER' ? (
         <OverviewAdmin employees={employees} setEmployees={setEmployees} />
-      :
-        <Overview currentUser={props.currentUser} employees={employees}  />
-      }
+      ) : (
+        <Overview currentUser={props.currentUser} employees={employees} />
+      )}
     </div>
-  )
-};
-
-export default App;
-
+  );
+}