old-roraccounting/client/src/App.js

import React from 'react';
import './App.css';
import { Tabs, Tab, 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 RoutableNavItem from './common/RoutableNavItem';
import { 
  CRIB, 
  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>
     
     <RoutableNavItem>
       Homies
      </RoutableNavItem>

     <RoutableNavItem href={MAKE_MONEY_MOVE}>
       Make Money Move
     </RoutableNavItem>

    </Navbar>

</div>
      <div className="autoscrolling"> 
        <Route exact path={CRIB} component={Cash} />
        <Route path={MAKE_MONEY_MOVE} component={MakeMoneyMove} />
      </div>
    </Router>
  );
}

export default App;