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 { Route } 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 import authActions from "./store/auth/auth-action";
  17 import { projectService } from "./services/services";
  18
  19 const history = createBrowserHistory();
  20 const store = configureStore({
  21     projects: [
  22     ],
  23     router: {
  24         location: null
  25     },
  26     auth: {
  27         user: undefined
  28     }
  29 }, history);
  30
  31 store.dispatch(authActions.INIT());
  32 store.dispatch<any>(projectService.getProjectList());
  33
  34 const App = () =>
  35     <Provider store={store}>
  36         <ConnectedRouter history={history}>
  37             <div>
  38                 <Route path="/" component={Workbench}/>
  39                 <Route path="/token" component={ApiToken}/>
  40             </div>
  41         </ConnectedRouter>
  42     </Provider>;
  43
  44 ReactDOM.render(
  45     <App/>,
  46     document.getElementById('root') as HTMLElement
  47 );