Protected route created

src/App.js

@@ -4,6 +4,7 @@ import { BrowserRouter, Route, Switch } from "react-router-dom";
 import theme from "./theme";
 import GlobalStyles from "./GlobalStyles";
 import Pace from "./shared/components/Pace";
+import ProtectedRoute from "./shared/components/ProtectedRoute";
 
 const LoggedInComponent = lazy(() => import("./logged_in/components/Main"));
 
@@ -19,9 +20,7 @@ function App() {
           <Pace color={theme.palette.primary.light} />
           <Suspense fallback={<Fragment />}>
             <Switch>
-              <Route path="/c">
-                <LoggedInComponent />
-              </Route>
+              <ProtectedRoute path="/c" component={LoggedInComponent} />
               <Route>
                 <LoggedOutComponent />
               </Route>

src/logged_in/components/navigation/NavBar.js

@@ -322,6 +322,7 @@ function NavBar(props) {
                     divider={index !== menuItems.length - 1}
                     className={classes.permanentDrawerListItem}
                     onClick={() => {
+                      localStorage.removeItem('accessToken');
                       links.current[index].click();
                     }}
                     aria-label={

src/logged_out/components/register_login/LoginDialog.js

@@ -59,6 +59,8 @@ function LoginDialog(props) {
       }, 1500);
     } else {
       setTimeout(() => {
+        const accessToken = btoa(loginEmail.current.value); 
+        localStorage.setItem('accessToken', accessToken);
         history.push("/c/dashboard");
       }, 150);
     }

src/shared/components/ProtectedRoute.js

@@ -0,0 +1,22 @@
+import React from 'react';
+import { Route, Redirect } from 'react-router-dom';
+
+const isAuthenticated = () => {
+  const accessToken = localStorage.getItem('accessToken');
+  return accessToken === btoa("[email protected]");
+};
+
+const ProtectedRoute = ({ component: Component, ...rest }) => (
+  <Route
+    {...rest}
+    render={props =>
+      isAuthenticated() ? (
+        <Component {...props} />
+      ) : (
+        <Redirect to="/login" />
+      )
+    }
+  />
+);
+
+export default ProtectedRoute;