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 { projectActions, 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 import { snackbarActions } from "../../store/snackbar/snackbar-actions";
  15
  16 const mapStateToProps = (state: RootState) => ({
  17     open: state.projects.creator.opened
  18 });
  19
  20 const addProject = (data: { name: string, description: string }) =>
  21     (dispatch: Dispatch, getState: () => RootState) => {
  22         const { ownerUuid } = getState().projects.creator;
  23         return dispatch<any>(createProject(data)).then(() => {
  24             dispatch(snackbarActions.OPEN_SNACKBAR({
  25                 message: "Created a new project",
  26                 hideDuration: 2000
  27             }));
  28             dispatch(dataExplorerActions.REQUEST_ITEMS({ id: PROJECT_PANEL_ID }));
  29             dispatch<any>(getProjectList(ownerUuid));
  30         });
  31     };
  32
  33 const mapDispatchToProps = (dispatch: Dispatch) => ({
  34     handleClose: () => {
  35         dispatch(projectActions.CLOSE_PROJECT_CREATOR());
  36     },
  37     onSubmit: (data: { name: string, description: string }) => {
  38         return dispatch<any>(addProject(data))
  39             .catch((e: any) => {
  40                 throw new SubmissionError({ name: e.errors.join("").includes("UniqueViolation") ? "Project with this name already exists." : "" });
  41             });
  42     }
  43 });
  44
  45 export const CreateProjectDialog = connect(mapStateToProps, mapDispatchToProps)(DialogProjectCreate);