1 import React from 'react';

     2 

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

     4 

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

     6 

     7 import {

     8   DocumentsPage,

     9   GlossaryPage,

    10   ChartsPage,

    11   AnnotationsPage,

    12   TermPage,

    13 } from 'dashboard-components/lib/pages';

    14 

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

    16 

    17 import config from './config.json';

    18 

    19 const version = process.env.REACT_APP_VERSION;

    20 const viaBaseUrl = process.env.REACT_APP_VIA_BASE_URL;

    21 const discussionUrl = process.env.REACT_APP_DISCUSSION_URL;

    22 const {

    23   metacategories,

    24   topics,

    25   documents,

    26   title,

    27   dashboardId,

    28 } = config;

    29 

    30 const App = () => (

    31   <HashRouter>

    32     <ScrollToTop>

    33       <div>

    34         <DefaultLayoutSidebar

    35           exact

    36           path="/"

    37           component={DocumentsPage}

    38           version={version}

    39           metacategories={metacategories}

    40           topics={topics}

    41           documentsMap={documents}

    42           viaBaseUrl={viaBaseUrl}

    43           title={title}

    44         />

    45         <DefaultLayout

    46           path="/glossary"

    47           component={GlossaryPage}

    48           title={title}

    49           version={version}

    50         />

    51         <DefaultLayoutSidebar

    52           path="/charts"

    53           component={ChartsPage}

    54           metacategories={metacategories}

    55           topics={topics}

    56           title={title}

    57           version={version}

    58         />

    59         <DefaultLayoutSidebar

    60           path="/annotations/:tagName?"

    61           component={AnnotationsPage}

    62           metacategories={metacategories}

    63           topics={topics}

    64           viaBaseUrl={viaBaseUrl}

    65           title={title}

    66           version={version}

    67         />

    68         <DefaultLayoutSidebar

    69           path="/term/:term/:activeTab?/:messageId?"

    70           component={TermPage}

    71           title={title}

    72           viaBaseUrl={viaBaseUrl}

    73           metacategories={metacategories}

    74           topics={topics}

    75           version={version}

    76           discussionUrl={discussionUrl}

    77           dashboardId={dashboardId}

    78         />

    79       </div>

    80     </ScrollToTop>

    81   </HashRouter>

    82 );

    83 

    84 export default App;