Feature: Route guarding

application/src/router/appRouter.js

@@ -1,16 +1,22 @@
 import React from 'react';
+import { connect } from 'react-redux';
 import { BrowserRouter as Router, Route } from 'react-router-dom';
 import { Main, Login, OrderForm, ViewOrders } from '../components';
+import PrivateRouter from './privateRouter';
 
-const AppRouter = (props) => {
+const AppRouter = ({ token }) => {
   return (
     <Router>
       <Route path="/" exact component={Main} />
       <Route path="/login" exact component={Login} />
-      <Route path="/order" exact component={OrderForm} />
-      <Route path="/view-orders" exact component={ViewOrders} />
+      <PrivateRouter token={token} path="/order" exact component={OrderForm} />
+      <PrivateRouter token={token} path="/view-orders" exact component={ViewOrders} />
     </Router>
   );
 }
 
-export default AppRouter;
+const mapStateToProps = ({ auth }) => ({
+  token: auth.token
+})
+
+export default connect(mapStateToProps, null)(AppRouter);

application/src/router/privateRouter.js

@@ -0,0 +1,20 @@
+import React from 'react';
+import { connect } from 'react-redux';
+import { Redirect, Route } from "react-router-dom";
+
+const PrivateRouter = ({ token, component: Component, ...rest }) => {
+  return (
+    <Route {...rest} render={
+      (props) => token ? 
+      <Component {...props}/> : 
+      <Redirect to={{pathname: '/login', state: {from: props.location}}}/>
+      }
+    />
+  )
+}
+
+const mapStateToProps = ({ auth }) => ({
+  token: auth.token
+})
+
+export default connect(mapStateToProps, null)(PrivateRouter);