22 lines
700 B
TypeScript
22 lines
700 B
TypeScript
import * as React from "react";
|
|
|
|
import { Classes } from "@blueprintjs/core";
|
|
|
|
import { ConnectedRouter } from "connected-react-router";
|
|
import { Route } from "react-router-dom";
|
|
import { Nav } from "./components/organisms/";
|
|
import { AboutScreen, GraphScreen } from "./components/screens/";
|
|
import { history } from "./index";
|
|
|
|
const AppRouter: React.FC = () => (
|
|
<ConnectedRouter history={history}>
|
|
<div className={`${Classes.DARK} App`}>
|
|
<Nav />
|
|
<Route path="/about" component={AboutScreen} />
|
|
{/* We always want the GraphScreen to be rendered (since un- and re-mounting it is expensive */}
|
|
<GraphScreen />
|
|
</div>
|
|
</ConnectedRouter>
|
|
);
|
|
export default AppRouter;
|