Creation dialog with redux-form validation
[arvados-workbench2.git] / src / views-components / create-project-dialog / create-project-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 DialogProjectCreate from "../dialog-create/dialog-project-create";
11 import actions, { createProject, getProjectList } from "../../store/project/project-action";
12 import dataExplorerActions from "../../store/data-explorer/data-explorer-action";
13 import { PROJECT_PANEL_ID } from "../../views/project-panel/project-panel";
14
15 const mapStateToProps = (state: RootState) => ({
16     open: state.projects.creator.opened
17 });
18
19 export const addProject = (data: { name: string, description: string }) =>
20     (dispatch: Dispatch, getState: () => RootState) => {
21         const { ownerUuid } = getState().projects.creator;
22         return dispatch<any>(createProject(data)).then(() => {
23             dispatch(dataExplorerActions.REQUEST_ITEMS({ id: PROJECT_PANEL_ID }));
24             dispatch<any>(getProjectList(ownerUuid));
25         });
26     };
27
28 const mapDispatchToProps = (dispatch: Dispatch) => ({
29     handleClose: () => {
30         dispatch(actions.CLOSE_PROJECT_CREATOR());
31     },
32     onSubmit: (data: { name: string, description: string }) => {
33         return dispatch<any>(addProject(data))
34             .catch((e: any) => {
35                 throw new SubmissionError({ name: e.errors.join("").includes("UniqueViolation") ? "Project with this name already exists." : "" });
36             });
37     }
38 });
39
40 export default connect(mapStateToProps, mapDispatchToProps)(DialogProjectCreate);