handle Chips and Chip Values

client/src/App.js

@@ -1,39 +1,43 @@
 import React from 'react';
 import './App.css';
-import { Tabs, Tab, Navbar } from 'react-materialize';
+import { Navbar } from 'react-materialize';
 import MakeMoneyMove from './cash/MakeMoneyMove';
 import Cash from './cash/Cash';
-import { BrowserRouter as Router, Route, Link } from "react-router-dom";
+import Chips from './chips/Chips';
+import { BrowserRouter as Router, Route } from "react-router-dom";
 import RoutableNavItem from './common/RoutableNavItem';
 import { 
-  CRIB, 
+  CRIB,
+  CHIPS,
   MAKE_MONEY_MOVE
 } from './RouteNames';
 
 function App() {
-  
   return (
+    <Router>
+      <div className="navbar-fixed">
+        <Navbar brand={<div>GKS</div>} alignLinks="right">
+          <RoutableNavItem href={CRIB}>
+            Crib
+          </RoutableNavItem>
 
-     <Router>
-    <div className="navbar-fixed">
-    <Navbar brand={<div>GKS</div>} alignLinks="right">
-      <RoutableNavItem href={CRIB}>
-        Crib
-      </RoutableNavItem>
-     
-     <RoutableNavItem>
-       Homies
-      </RoutableNavItem>
+          <RoutableNavItem href={CHIPS}>
+            Chips
+          </RoutableNavItem>
 
-     <RoutableNavItem href={MAKE_MONEY_MOVE}>
-       Make Money Move
-     </RoutableNavItem>
+          <RoutableNavItem>
+           Homies
+          </RoutableNavItem>
 
-    </Navbar>
+          <RoutableNavItem href={MAKE_MONEY_MOVE}>
+            Make Money Move
+          </RoutableNavItem>
+        </Navbar>
+      </div>
 
-</div>
-      <div className="autoscrolling"> 
+      <div className="autoscrolling">
         <Route exact path={CRIB} component={Cash} />
+        <Route path={CHIPS} component={Chips} />
         <Route path={MAKE_MONEY_MOVE} component={MakeMoneyMove} />
       </div>
     </Router>