Files
old-roraccounting/client/src/App.js
2020-10-06 06:26:23 +00:00

61 lines
1.6 KiB
JavaScript

import React from 'react';
import './App.css';
import { Navbar } from 'react-materialize';
import MakeMoneyMove from './cash/MakeMoneyMove';
import Flow from "./homies/Flow";
import Cash from './cash/Cash';
import Chips from './chips/Chips';
import Homies from './homies/Homies';
import { BrowserRouter as Router, Route } from "react-router-dom";
import RoutableNavItem from './common/RoutableNavItem';
import {
CRIB,
CHIPS,
MAKE_MONEY_MOVE,
HOMIE_FLOW,
HOMIES, PUT_IN_WORK
} from './RouteNames';
import PutInWork from "./cash/PutInWork";
function App() {
return (
<Router>
<div className="navbar-fixed">
<Navbar brand={<a href='/'>GKS</a>} alignLinks="right">
<RoutableNavItem href={CRIB}>
Crib
</RoutableNavItem>
<RoutableNavItem href={HOMIES}>
Homies
</RoutableNavItem>
<RoutableNavItem href={CHIPS}>
Chips
</RoutableNavItem>
<RoutableNavItem href={MAKE_MONEY_MOVE}>
Make Money Move
</RoutableNavItem>
<RoutableNavItem href={PUT_IN_WORK}>
Put in Work
</RoutableNavItem>
</Navbar>
</div>
<div className="autoscrolling">
<Route exact path={CRIB} component={Cash} />
<Route exact path={HOMIES} component={Homies} />
<Route path={HOMIE_FLOW} component={Flow} />
<Route path={CHIPS} component={Chips} />
<Route path={MAKE_MONEY_MOVE} component={MakeMoneyMove} />
<Route path={PUT_IN_WORK} component={PutInWork} />
</div>
</Router>
);
}
export default App;