Fix correct bytes not being sent, fix showing upload progress and speed
[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 { snackbarActions } from "../../store/snackbar/snackbar-actions";
13 import { UploadFile } from "../../store/collections/uploader/collection-uploader-actions";
14
15 const mapStateToProps = (state: RootState) => ({
16     open: state.collections.creator.opened
17 });
18
19 const mapDispatchToProps = (dispatch: Dispatch) => ({
20     handleClose: () => {
21         dispatch(collectionCreateActions.CLOSE_COLLECTION_CREATOR());
22     },
23     onSubmit: (data: { name: string, description: string }, files: UploadFile[]) => {
24         return dispatch<any>(addCollection(data, files.map(f => f.file)))
25             .catch((e: any) => {
26                 throw new SubmissionError({ name: e.errors.join("").includes("UniqueViolation") ? "Collection with this name already exists." : "" });
27             });
28     }
29 });
30
31 const addCollection = (data: { name: string, description: string }, files: File[]) =>
32     (dispatch: Dispatch) => {
33         return dispatch<any>(createCollection(data, files)).then(() => {
34             dispatch(snackbarActions.OPEN_SNACKBAR({
35                 message: "Collection has been successfully created.",
36                 hideDuration: 2000
37             }));
38         });
39     };
40
41 export const CreateCollectionDialog = connect(mapStateToProps, mapDispatchToProps)(DialogCollectionCreate);
42