refs #13535 Merge branch '13535-tree-component' into 13610-projects-hierarchy

[arvados-workbench2.git] / src / index.tsx

diff --git a/src/index.tsx b/src/index.tsx
index 5bd1dddb56f6c27d0af0996b4e2a0ce119b9fa6b..173296817b317294d0fe75f8907c0468dd388835 100644 (file)
--- a/src/index.tsx
+++ b/src/index.tsx
@@ -6,12 +6,58 @@ import * as React from 'react';
 import * as ReactDOM from 'react-dom';
 import { Provider } from "react-redux";
 import Workbench from './views/workbench/workbench';
-import store from "./store/store";
+import ProjectList from './components/project-list/project-list';
 import './index.css';
+import { Route } from "react-router";
+import createBrowserHistory from "history/createBrowserHistory";
+import configureStore from "./store/store";
+import { ConnectedRouter } from "react-router-redux";
+import ApiToken from "./components/api-token/api-token";
+import authActions from "./store/auth/auth-action";
+import { projectService } from "./services/services";
+import { TreeItem } from "./components/tree/tree";
+import { Project } from "./models/project";
+
+function buildProjectTree(tree: any[], level = 0): Array<TreeItem<Project>> {
+    const projects = tree.map((t, idx) => ({
+        id: `l${level}i${idx}${t[0]}`,
+        open: false,
+        active: false,
+        data: {
+            name: t[0],
+            icon: level === 0 ? <i className="fas fa-th"/> : <i className="fas fa-folder"/>,
+            createdAt: '2018-05-05',
+        },
+        items: t.length > 1 ? buildProjectTree(t[1], level + 1) : []
+    }));
+    return projects;
+}
+const history = createBrowserHistory();
+const projects = buildProjectTree(sampleProjects);
+
+const store = configureStore({
+    projects: [
+    ],
+    router: {
+        location: null
+    },
+    auth: {
+        user: undefined
+    }
+}, history);
+
+store.dispatch(authActions.INIT());
+store.dispatch<any>(projectService.getProjectList());
+
 
 const App = () =>
     <Provider store={store}>
-        <Workbench/>
+        <ConnectedRouter history={history}>
+            <div>
+                <Route path="/" component={Workbench}/>
+                <Route path="/token" component={ApiToken}/>
+            </div>
+        </ConnectedRouter>
     </Provider>;
 
 ReactDOM.render(