import React from 'react';

import { HashRouter } from 'react-router-dom';

import { DefaultLayoutSidebar, DefaultLayout } from 'dashboard-components/lib/layouts';

import {
  DocumentsPage,
  GlossaryPage,
  ChartsPage,
  AnnotationsPage,
  TermPage,
} from 'dashboard-components/lib/pages';

import { ScrollToTop } from 'dashboard-components/lib/ui';

import config from './config.json';

const version = process.env.REACT_APP_VERSION;
const viaBaseUrl = process.env.REACT_APP_VIA_BASE_URL;
const discussionUrl = process.env.REACT_APP_DISCUSSION_URL;
const {
  metacategories,
  topics,
  documents,
  title,
  dashboardId,
} = config;

const App = () => (
  <HashRouter>
    <ScrollToTop>
      <div>
        <DefaultLayoutSidebar
          exact
          path="/"
          component={DocumentsPage}
          version={version}
          metacategories={metacategories}
          topics={topics}
          documentsMap={documents}
          viaBaseUrl={viaBaseUrl}
          title={title}
        />
        <DefaultLayout
          path="/glossary"
          component={GlossaryPage}
          title={title}
          version={version}
        />
        <DefaultLayoutSidebar
          path="/charts"
          component={ChartsPage}
          metacategories={metacategories}
          topics={topics}
          title={title}
          version={version}
        />
        <DefaultLayoutSidebar
          path="/annotations/:tagName?"
          component={AnnotationsPage}
          metacategories={metacategories}
          topics={topics}
          viaBaseUrl={viaBaseUrl}
          title={title}
          version={version}
        />
        <DefaultLayoutSidebar
          path="/term/:term/:activeTab?/:messageId?"
          component={TermPage}
          title={title}
          viaBaseUrl={viaBaseUrl}
          metacategories={metacategories}
          topics={topics}
          version={version}
          discussionUrl={discussionUrl}
          dashboardId={dashboardId}
        />
      </div>
    </ScrollToTop>
  </HashRouter>
);

export default App;