Add adding files to upload zone
[arvados-workbench2.git] / src / views-components / create-collection-dialog / create-collection-dialog.tsx
1 // Copyright (C) The Arvados Authors. All rights reserved.
2 //
3 // SPDX-License-Identifier: AGPL-3.0
4
5 import { connect } from "react-redux";
6 import { Dispatch } from "redux";
7 import { SubmissionError } from "redux-form";
8
9 import { RootState } from "../../store/store";
10 import { DialogCollectionCreate } from "../dialog-create/dialog-collection-create";
11 import { collectionCreateActions, createCollection } from "../../store/collections/creator/collection-creator-action";
12 import { dataExplorerActions } from "../../store/data-explorer/data-explorer-action";
13 import { PROJECT_PANEL_ID } from "../../views/project-panel/project-panel";
14 import { snackbarActions } from "../../store/snackbar/snackbar-actions";
15 import { ServiceRepository } from "../../services/services";
16
17 const mapStateToProps = (state: RootState) => ({
18     open: state.collections.creator.opened
19 });
20
21 const mapDispatchToProps = (dispatch: Dispatch) => ({
22     handleClose: () => {
23         dispatch(collectionCreateActions.CLOSE_COLLECTION_CREATOR());
24     },
25     onSubmit: (data: { name: string, description: string, files: File[] }) => {
26         return dispatch<any>(addCollection(data))
27             .catch((e: any) => {
28                 throw new SubmissionError({ name: e.errors.join("").includes("UniqueViolation") ? "Collection with this name already exists." : "" });
29             });
30     }
31 });
32
33 const addCollection = (data: { name: string, description: string, files: File[] }) =>
34     (dispatch: Dispatch, getState: () => RootState, services: ServiceRepository) => {
35         return dispatch<any>(createCollection(data)).then(() => {
36             dispatch(snackbarActions.OPEN_SNACKBAR({
37                 message: "Collection has been successfully created.",
38                 hideDuration: 2000
39             }));
40             services.collectionService.uploadFiles(data.files).then(() => {
41                 dispatch(dataExplorerActions.REQUEST_ITEMS({ id: PROJECT_PANEL_ID }));
42             });
43         });
44     };
45
46 export const CreateCollectionDialog = connect(mapStateToProps, mapDispatchToProps)(DialogCollectionCreate);
47