1 // Copyright (C) The Arvados Authors. All rights reserved.
3 // SPDX-License-Identifier: AGPL-3.0
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';
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 import { TreeItem } from "./components/tree/tree";
19 import { Project } from "./models/project";
21 function buildProjectTree(tree: any[], level = 0): Array<TreeItem<Project>> {
22 const projects = tree.map((t, idx) => ({
23 id: `l${level}i${idx}${t[0]}`,
28 icon: level === 0 ? <i className="fas fa-th"/> : <i className="fas fa-folder"/>,
29 createdAt: '2018-05-05',
31 items: t.length > 1 ? buildProjectTree(t[1], level + 1) : []
35 const history = createBrowserHistory();
36 const projects = buildProjectTree(sampleProjects);
38 const store = configureStore({
49 store.dispatch(authActions.INIT());
50 store.dispatch<any>(projectService.getProjectList());
54 <Provider store={store}>
55 <ConnectedRouter history={history}>
57 <Route path="/" component={Workbench}/>
58 <Route path="/token" component={ApiToken}/>
65 document.getElementById('root') as HTMLElement