Create basic cumulative projects picker

[arvados.git] / src / views / workbench / workbench.tsx

diff --git a/src/views/workbench/workbench.tsx b/src/views/workbench/workbench.tsx
index 407488b6d6a78df6164bc9096fe2152daa0fde68..dd68cb8f8ca5ffc472a33fd7dd3616fbd5e32f68 100644 (file)
--- a/src/views/workbench/workbench.tsx
+++ b/src/views/workbench/workbench.tsx
@@ -41,10 +41,10 @@ import { SharedWithMePanel } from '~/views/shared-with-me-panel/shared-with-me-p
 import { RunProcessPanel } from '~/views/run-process-panel/run-process-panel';
 import SplitterLayout from 'react-splitter-layout';
 import { WorkflowPanel } from '~/views/workflow-panel/workflow-panel';
-import { TreePicker } from '../../views-components/tree-picker/tree-picker';
-import { noop } from 'lodash';
-import { TreeItem } from '~/components/tree/tree';
-import { GroupContentsResource } from '~/services/groups-service/groups-service';
+import { HomeTreePicker } from '~/views-components/projects-tree-picker/home-tree-picker';
+import { SharedTreePicker } from '~/views-components/projects-tree-picker/shared-tree-picker';
+import { FavoritesTreePicker } from '../../views-components/projects-tree-picker/favorites-tree-picker';
+import { ProjectsTreePicker } from '~/views-components/projects-tree-picker/projects-tree-picker';
 
 type CssRules = 'root' | 'container' | 'splitter' | 'asidePanel' | 'contentWrapper' | 'content';
 
@@ -92,14 +92,12 @@ export const WorkbenchPanel =
                             <MainContentBar />
                         </Grid>
                         <Grid item xs className={classes.content}>
-                            <TreePicker
-                                render={({ data }: TreeItem<GroupContentsResource>) =>
-                                    <p>{JSON.stringify(data.name)}</p>}
-                                pickerId='testPicker'
-                                onContextMenu={noop}
-                                toggleItemOpen={noop}
-                                toggleItemActive={item => console.log(item)}
-                                toggleItemSelection={noop} />
+                            <p>Projects only</p>
+                            <ProjectsTreePicker pickerId="testPicker1"/>
+                            <p>Collections included</p>
+                            <ProjectsTreePicker pickerId="testPicker2" includeCollections/>
+                            <p>Files included</p>
+                            <ProjectsTreePicker pickerId="testPicker3" includeCollections includeFiles toggleItemActive={(...args: any[]) => console.log(args)}/>
                             <Switch>
                                 <Route path={Routes.PROJECTS} component={ProjectPanel} />
                                 <Route path={Routes.COLLECTIONS} component={CollectionPanel} />