src/index.tsx

   1 // Copyright (C) The Arvados Authors. All rights reserved.
   2 //
   3 // SPDX-License-Identifier: AGPL-3.0
   4
   5 import * as React from 'react';
   6 import * as ReactDOM from 'react-dom';
   7 import { Provider } from "react-redux";
   8 import Workbench from './views/workbench/workbench';
   9 import ProjectList from './components/project-list/project-list';
  10 import './index.css';
  11 import { Redirect, Route, RouteProps, Router, RouterProps } from "react-router";
  12 import createBrowserHistory from "history/createBrowserHistory";
  13 import configureStore from "./store/store";
  14 import { ConnectedRouter } from "react-router-redux";
  15 import ApiToken from "./components/api-token/api-token";
  16
  17 const history = createBrowserHistory();
  18 const store = configureStore({
  19     projects: [
  20         { name: 'Mouse genome', createdAt: '2018-05-01' },
  21         { name: 'Human body', createdAt: '2018-05-01' },
  22         { name: 'Secret operation', createdAt: '2018-05-01' }
  23     ],
  24     router: {
  25         location: null
  26     },
  27     auth: {
  28         user: undefined
  29     }
  30 }, history);
  31
  32 const App = () =>
  33     <Provider store={store}>
  34         <ConnectedRouter history={history}>
  35             <div>
  36                 <Route path="/" component={Workbench}/>
  37                 <Route path="/token" component={ApiToken}/>
  38             </div>
  39         </ConnectedRouter>
  40     </Provider>;
  41
  42 ReactDOM.render(
  43     <App/>,
  44     document.getElementById('root') as HTMLElement
  45 );