feat: add private routes

src/PrivateRoute.js

@@ -0,0 +1,15 @@
+import React from "react";
+import { Redirect, Route } from "react-router-dom";
+
+import { isLogin } from "./utils/auth";
+
+export const PrivateRoute = ({ component: Component, ...rest }) => {
+  return (
+    <Route
+      {...rest}
+      render={props =>
+        isLogin() ? <Component {...props} /> : <Redirect to="/login" />
+      }
+    />
+  );
+};

src/Routes.js

@@ -1,18 +1,23 @@
-import React, { Component } from 'react';
+import React, { Component } from "react";
+import { Container } from "reactstrap";
+
 import {
-  Container
-} from 'reactstrap';
+  BrowserRouter as Router,
+  Route,
+  Switch,
+  Redirect
+} from "react-router-dom";
+import { PrivateRoute } from "./PrivateRoute";
 
-import { BrowserRouter as Router, Route, Switch, Redirect } from 'react-router-dom';
-
-import Home from './containers/HomePage/Home';
-import CreateTicket from './containers/CreateTicket/CreateTicket';
-import ViewRequest from './containers/ViewTicket/ViewTicket';
-import PageNotFound from './containers/PageNotFound';
-import Login from './containers/Administration/Login';
-import TicketList from './containers/Administration/TicketList';
-import TicketManager from './containers/Administration/TicketManager';
+import { validateUser } from "./utils/auth";
 
+import Home from "./containers/HomePage/Home";
+import CreateTicket from "./containers/CreateTicket/CreateTicket";
+import ViewRequest from "./containers/ViewTicket/ViewTicket";
+import PageNotFound from "./containers/PageNotFound";
+import Login from "./containers/Administration/Login";
+import TicketList from "./containers/Administration/TicketList";
+import TicketManager from "./containers/Administration/TicketManager";
 
 class Routes extends Component {
   constructor(props) {
@@ -23,23 +28,31 @@ class Routes extends Component {
 
   render() {
     return (
-      <Router> 
+      <Router>
         <Container>
           <Switch>
             <Route path="/" exact component={Home} />
             <Route path="/create" component={CreateTicket} />
             <Route path="/ticket/:ticketId" component={ViewRequest} />
-            <Route path="/ticket/" exact component={() => <Redirect to="/" />} />
+            <Route
+              path="/ticket/"
+              exact
+              component={() => <Redirect to="/" />}
+            />
             <Route path="/login" component={Login} />
-            <Route path="/admin/" exact component={TicketList} />
-            <Route path="/admin/ticket/:ticketId" component={TicketManager} />
+
+            <PrivateRoute path="/admin/" exact component={TicketList} />
+            <PrivateRoute
+              path="/admin/ticket/:ticketId"
+              component={TicketManager}
+            />
             <Route component={PageNotFound} />
           </Switch>
-        </Container> 
-          {this.props.children}
+        </Container>
+        {this.props.children}
       </Router>
     );
   }
 }
 
-export default Routes;
+export default Routes;