import React from 'react';
import { Route, Switch } from 'react-router-dom';
import { DashboardPoolPage } from 'app/modules/dashboard/pages/dashboardPool.page';
import { TopNavigation } from 'app/modules/navigation/components/topNavigation';

import { SubHeader } from '../../../shared/components/topBar/subHeader';
import { POOL_SECTION } from 'app/modules/pools/store';


export const DashboardPage = () => <div className="o-page-layout--sticky-header o-page-layout--aside">
  <header className="o-page-layout__header">
    <TopNavigation section={ POOL_SECTION.DASHBOARD }/>
  </header>
  <main className="o-page-layout__content o-page-layout__content--no-sub-header">
    <SubHeader
      headline="Dashboard"
      hasPrintButton
    />
    <Switch>
      <Route path='/panel/dashboard/:pool' component={DashboardPoolPage}/>
    </Switch>
  </main>
</div>;