finished protected route demo

src/client/src/App.js

@@ -5,11 +5,15 @@ import { BrowserRouter as Router, Route, Switch } from 'react-router-dom';
 import auth from './api/auth';
 import Navbar from './components/Navbar';
 import PublicRoute from './components/routing/PublicRoute';
+import PrivateRoute from './components/routing/PrivateRoute';
 import { AuthContext } from './context';
+
+// import pages
 import LoginPage from './pages/authflow/LoginPage';
 import RegisterPage from './pages/authflow/RegisterPage';
 import IndexPage from './pages/IndexPage';
 import NotFoundPage from './pages/NotFoundPage';
+import DashboardPage from './pages/DashboardPage';
 
 const queryCache = new QueryCache();
 
@@ -47,6 +51,7 @@ function App() {
               <PublicRoute exact path="/" component={IndexPage} />
               <PublicRoute exact path="/login" component={LoginPage} />
               <PublicRoute exact path="/register" component={RegisterPage} />
+              <PrivateRoute exact path="/dashboard" component={DashboardPage} />
               <Route exact={false} component={NotFoundPage} />
             </Switch>
           </main>

src/client/src/api/auth.js

@@ -27,13 +27,8 @@ class Auth {
 
   /** Logout from account. */
   async logout() {
-    try {
-      await api.post('/api/users/logout');
-      this.accessToken = null;
-      localStorage.removeItem('authRefreshToken');
-    } catch (err) {
-      console.log(err);
-    }
+    this.accessToken = null;
+    localStorage.removeItem('authRefreshToken');
   }
 
   /** Refresh access token using saved refresh token. */

src/client/src/components/routing/PublicRoute.js

@@ -6,7 +6,7 @@ const PublicRoute = (props) => {
   const auth = useContext(AuthContext);
 
   return auth.isAuthenticated ? (
-    <Redirect to="/" />
+    <Redirect to="/dashboard" />
   ) : (
     <Route path={props.path} exact={props.exact} component={props.component} />
   );

src/client/src/pages/DashboardPage.js

@@ -0,0 +1,7 @@
+import React from 'react';
+
+const DashboardPage = () => {
+  return <div>This is Dashboard</div>;
+};
+
+export default DashboardPage;