import Workbench from './views/workbench/workbench';
import ProjectList from './components/project-list/project-list';
import './index.css';
-import { Route, Router } from "react-router";
+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";
-const sampleProjects = [
- [
- 'Project 1', [
- ['Project 1.1', [['Project 1.1.1'], ['Project 1.1.2']]],
- ['Project 1.2', [['Project 1.2.1'], ['Project 1.2.2'], ['Project 1.2.3']]]
- ]
- ],
- [
- 'Project 2'
- ],
- [
- 'Project 3', [['Project 3.1'], ['Project 3.2']]
- ]
-];
-
-
function buildProjectTree(tree: any[], level = 0): Array<TreeItem<Project>> {
const projects = tree.map((t, idx) => ({
id: `l${level}i${idx}${t[0]}`,
}));
return projects;
}
-
-
const history = createBrowserHistory();
const projects = buildProjectTree(sampleProjects);
const store = configureStore({
- projects,
+ projects: [
+ ],
router: {
location: null
+ },
+ auth: {
+ user: undefined
}
}, history);
+store.dispatch(authActions.INIT());
+store.dispatch<any>(projectService.getProjectList());
+
+
const App = () =>
<Provider store={store}>
<ConnectedRouter history={history}>
<div>
- <Route path="/" component={Workbench} />
+ <Route path="/" component={Workbench}/>
+ <Route path="/token" component={ApiToken}/>
</div>
</ConnectedRouter>
</Provider>;
ReactDOM.render(
- <App />,
+ <App/>,
document.getElementById('root') as HTMLElement
);