Add component layout, add react-dropzone

[arvados-workbench2.git] / src / views-components / create-collection-dialog / create-collection-dialog.tsx

diff --git a/src/views-components/create-collection-dialog/create-collection-dialog.tsx b/src/views-components/create-collection-dialog/create-collection-dialog.tsx
index 98b57c538e65c3795a9254a685b085cac93208c0..0ba2b22add6e33179a04cba44b8e5e3228be6310 100644 (file)
--- a/src/views-components/create-collection-dialog/create-collection-dialog.tsx
+++ b/src/views-components/create-collection-dialog/create-collection-dialog.tsx
@@ -11,9 +11,10 @@ import { DialogCollectionCreate } from "../dialog-create/dialog-collection-creat
 import { collectionCreateActions, createCollection } from "../../store/collections/creator/collection-creator-action";
 import { dataExplorerActions } from "../../store/data-explorer/data-explorer-action";
 import { PROJECT_PANEL_ID } from "../../views/project-panel/project-panel";
+import { snackbarActions } from "../../store/snackbar/snackbar-actions";
 
 const mapStateToProps = (state: RootState) => ({
-    open: state.collectionCreation.creator.opened
+    open: state.collections.creator.opened
 });
 
 const mapDispatchToProps = (dispatch: Dispatch) => ({
@@ -31,6 +32,10 @@ const mapDispatchToProps = (dispatch: Dispatch) => ({
 const addCollection = (data: { name: string, description: string }) =>
     (dispatch: Dispatch) => {
         return dispatch<any>(createCollection(data)).then(() => {
+            dispatch(snackbarActions.OPEN_SNACKBAR({
+                message: "Collection has been successfully created.",
+                hideDuration: 2000
+            }));
             dispatch(dataExplorerActions.REQUEST_ITEMS({ id: PROJECT_PANEL_ID }));
         });
     };