add logout in system and if not isnotlogin go to register

src/common/pages/App/index.js

@@ -73,6 +73,7 @@ import CartIcon from '@material-ui/icons/ShoppingCart';
 import NotificationsIcon from '@material-ui/icons/Notifications';
 import MoreIcon from '@material-ui/icons/MoreVert';
 import CancelIcon from '@material-ui/icons/Cancel';
+import ListIcon from '@material-ui/icons/FormatListBulleted';
 import { styles } from './styles';
 
 import Drawer from '@material-ui/core/Drawer';
@@ -237,26 +238,26 @@ class App extends React.Component {
   }
 
   willLogout() {
-    // Modal.confirm({
+    Modal.confirm({
-    //   title: 'Log out the system?',
+      title: 'Log out the system?',
-    //   content: 'Are sure sure you want to log out the system?',
+      content: 'Are sure sure you want to log out the system?',
-    //   okText: 'Confirm',
+      okText: 'Confirm',
-    //   cancelText: 'Cancel',
+      cancelText: 'Cancel',
-    //   visible: this.state.visible,
+      visible: this.state.visible,
-    //   zIndex: 3000,
+      zIndex: 3000,
-    //   onOk: () => {
+      onOk: () => {
-    //     this.authStore.logout();
+        this.authStore.logout();
-    //     this.setState({
+        this.setState({
-    //       visible: false,
+          visible: false,
-    //       redirect: true
+          redirect: true
-    //     });
+        });
-    //   },
+      },
-    //   onCancel: () => {
+      onCancel: () => {
-    //     this.setState({
+        this.setState({
-    //       visible: false,
+          visible: false,
-    //     });
+        });
-    //   }
+      }
-    // });
+    });
   }
 
   openCreateProjectDialog() {
@@ -404,9 +405,12 @@ class App extends React.Component {
         </Link>
         <Link onClick={this
           .changeRoute
-          .bind(this, '/login')} to={LINKS.LOGIN}>
+          .bind(this, '/app/transaction')} to={LINKS.TRANSACTION}>
-          <MenuItem>Sign Out</MenuItem>
+          <MenuItem>Transaction</MenuItem>
         </Link>
+        {/* <Link onClick={this.willLogout.bind(this)}> */}
+          <MenuItem onClick={this.willLogout.bind(this)}>Sign Out</MenuItem>
+        {/* </Link> */}
       </Menu>
     );
 
@@ -427,7 +431,7 @@ class App extends React.Component {
             </IconButton>
             <p>Cart</p>
           </MenuItem>
-        ) : "" }
+        ) : ""}
         <MenuItem>
           <IconButton color="inherit">
             <Badge badgeContent={11} color="secondary">
@@ -448,14 +452,24 @@ class App extends React.Component {
         </Link>
         <Link onClick={this
           .changeRoute
-          .bind(this, '/login')} to={LINKS.LOGIN}>
+          .bind(this, '/transaction')} to={LINKS.TRANSACTION}>
           <MenuItem>
+            <IconButton color="inherit">
+              <ListIcon />
+            </IconButton>
+            <p>Transaction</p>
+          </MenuItem>
+        </Link>
+        {/* <Link onClick={this
+          .changeRoute
+          .bind(this, '/login')} to={LINKS.LOGIN}> */}
+          <MenuItem onClick={this.willLogout.bind(this)}>
             <IconButton color="inherit">
               <CancelIcon />
             </IconButton>
             <p>Sign Out</p>
           </MenuItem>
-        </Link>
+        {/* </Link> */}
       </Menu>
     );
 
@@ -515,7 +529,7 @@ class App extends React.Component {
         </List>
         <Divider />
         <List>
-          <div style={{padding:15}}>
+          <div style={{ padding: 15 }}>
             <a>
               <WalletComponent />
             </a>
@@ -587,7 +601,7 @@ class App extends React.Component {
                   <Badge badgeContent={4} color="secondary">
                     <CartIcon />
                   </Badge>
-                </IconButton>) : "" }
+                </IconButton>) : ""}
 
                 <IconButton color="action">
                   <Badge badgeContent={17} color="secondary">

src/common/routes.js

@@ -145,9 +145,9 @@ export default class Routes extends React.Component {
       <Route
         {...rest}
         render={
-          (props) => true === true
+          (props) => this.authStore.isLoggedIn === true
           ? (<Component {...props}/>)
-          : (<Redirect to={{pathname : LINKS.LOGIN}}/>
+          : (<Redirect to={{pathname : LINKS.REGISTER}}/>
           )
         }
           />

src/common/stores/authenticaton.js

@@ -86,29 +86,29 @@ export class Authentication {
   logout() {
     this.context.setToken("");
     this.context.setUserData({});
-    // return this.http.post("authentication/logout", {token : localStorage.getItem('tokens')})
+    return this.http.post("authentication/logout", {token : localStorage.getItem('tokens')})
-    // .then(res => {
+    .then(res => {
-    //   this.context.setToken("");
+      this.context.setToken("");
-    //   this.context.setUserData({});
+      this.context.setUserData({});
-    //
+    
-    //   localStorage.removeItem('id_token');
+      localStorage.removeItem('id_token');
-    //   localStorage.removeItem('user.name');
+      localStorage.removeItem('user.name');
-    //   localStorage.removeItem('user.profile_image');
+      localStorage.removeItem('user.profile_image');
-    //   localStorage.setItem('isLoggingIn', false);
+      localStorage.setItem('isLoggingIn', false);
-    //   let cookies = document.cookie.split(";");
+      let cookies = document.cookie.split(";");
-    //   for (let i = 0; i < cookies.length; i++) {
+      for (let i = 0; i < cookies.length; i++) {
-    //     this.eraseCookie(cookies[i].split("=")[0]);
+        this.eraseCookie(cookies[i].split("=")[0]);
-    //   }
+      }
-    //
+    
-    //   if (window && window.Tawk_API && window.Tawk_API.isChatHidden()) {
+      if (window && window.Tawk_API && window.Tawk_API.isChatHidden()) {
-    //     window.Tawk_API.hideWidget()
+        window.Tawk_API.hideWidget()
-    //   }
+      }
-    //
+    
-    //   return res;
+      return res;
-    // })
+    })
-    // .catch(err => {
+    .catch(err => {
-    //   throw err;
+      throw err;
-    // })
+    })
 
   }