75 lines
2.1 KiB
JavaScript
75 lines
2.1 KiB
JavaScript
// @flow
|
|
|
|
import React from 'react';
|
|
import { Route, Switch, type Location } from 'react-router-dom';
|
|
import styled from 'styled-components';
|
|
|
|
import { ScrollTopComponent } from './scroll-top';
|
|
import { SidebarContainer } from '../containers/sidebar';
|
|
import { DashboardContainer } from '../containers/dashboard';
|
|
import { TransactionsContainer } from '../containers/transactions';
|
|
import { SendContainer } from '../containers/send';
|
|
import { ReceiveView } from '../views/receive';
|
|
import { SettingsView } from '../views/settings';
|
|
import { NotFoundView } from '../views/not-found';
|
|
import { ConsoleView } from '../views/console';
|
|
import { LayoutComponent } from '../components/layout';
|
|
import { HeaderComponent } from '../components/header';
|
|
|
|
import {
|
|
DASHBOARD_ROUTE,
|
|
SEND_ROUTE,
|
|
RECEIVE_ROUTE,
|
|
SETTINGS_ROUTE,
|
|
CONSOLE_ROUTE,
|
|
TRANSACTIONS_ROUTE,
|
|
} from '../constants/routes';
|
|
|
|
const FullWrapper = styled.div`
|
|
display: flex;
|
|
flex-direction: column;
|
|
width: 100%;
|
|
`;
|
|
|
|
const ContentWrapper = styled.div`
|
|
display: flex;
|
|
flex-direction: row;
|
|
width: 100vw;
|
|
`;
|
|
|
|
const getTitle = (path: string) => {
|
|
if (path === '/') return 'Dashboard';
|
|
|
|
return path.replace('/', '');
|
|
};
|
|
|
|
export const RouterComponent = ({ location }: { location: Location }) => (
|
|
<FullWrapper>
|
|
<HeaderComponent title={getTitle(location.pathname)} />
|
|
<ContentWrapper>
|
|
<SidebarContainer location={location} />
|
|
{/* $FlowFixMe */}
|
|
<LayoutComponent>
|
|
<ScrollTopComponent>
|
|
<Switch>
|
|
<Route
|
|
exact
|
|
path={DASHBOARD_ROUTE}
|
|
component={DashboardContainer}
|
|
/>
|
|
<Route path={SEND_ROUTE} component={SendContainer} />
|
|
<Route path={RECEIVE_ROUTE} component={ReceiveView} />
|
|
<Route path={SETTINGS_ROUTE} component={SettingsView} />
|
|
<Route path={CONSOLE_ROUTE} component={ConsoleView} />
|
|
<Route
|
|
path={TRANSACTIONS_ROUTE}
|
|
component={TransactionsContainer}
|
|
/>
|
|
<Route component={NotFoundView} />
|
|
</Switch>
|
|
</ScrollTopComponent>
|
|
</LayoutComponent>
|
|
</ContentWrapper>
|
|
</FullWrapper>
|
|
);
|