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, Router } from "react-router";
12 import createBrowserHistory from "history/createBrowserHistory";
13 import configureStore from "./store/store";
14 import { ConnectedRouter } from "react-router-redux";
15 import { TreeItem } from "./components/tree/tree";
16 import { Project } from "./models/project";
18 const sampleProjects = [
21 ['Project 1.1', [['Project 1.1.1'], ['Project 1.1.2']]],
22 ['Project 1.2', [['Project 1.2.1'], ['Project 1.2.2'], ['Project 1.2.3']]]
29 'Project 3', [['Project 3.1'], ['Project 3.2']]
34 function buildProjectTree(tree: any[], level = 0): Array<TreeItem<Project>> {
35 const projects = tree.map((t, idx) => ({
36 id: `l${level}i${idx}${t[0]}`,
41 icon: level === 0 ? <i className="fas fa-th"/> : <i className="fas fa-folder"/>,
42 createdAt: '2018-05-05',
44 items: t.length > 1 ? buildProjectTree(t[1], level + 1) : []
50 const history = createBrowserHistory();
51 const projects = buildProjectTree(sampleProjects);
53 const store = configureStore({
61 <Provider store={store}>
62 <ConnectedRouter history={history}>
64 <Route path="/" component={Workbench} />
71 document.getElementById('root') as HTMLElement