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 { RootState } from "../../store/store";
   8 import { DialogProjectCreate as DialogProjectCreateComponent } from "../dialog-create/dialog-project-create";
   9 import { projectActions, createProject, getProjectList } from "../../store/project/project-action";
  10 import { dataExplorerActions } from "../../store/data-explorer/data-explorer-action";
  11 import { PROJECT_PANEL_ID } from "../../views/project-panel/project-panel";
  12
  13 const mapStateToProps = (state: RootState) => ({
  14     open: state.projects.creator.opened
  15 });
  16
  17 const submit = (data: { name: string, description: string }) =>
  18     (dispatch: Dispatch, getState: () => RootState) => {
  19         const { ownerUuid } = getState().projects.creator;
  20         dispatch<any>(createProject(data)).then(() => {
  21             dispatch(dataExplorerActions.REQUEST_ITEMS({ id: PROJECT_PANEL_ID }));
  22             dispatch<any>(getProjectList(ownerUuid));
  23         });
  24     };
  25
  26 const mapDispatchToProps = (dispatch: Dispatch) => ({
  27     handleClose: () => {
  28         dispatch(projectActions.CLOSE_PROJECT_CREATOR());
  29     },
  30     onSubmit: (data: { name: string, description: string }) => {
  31         dispatch<any>(submit(data));
  32     }
  33 });
  34
  35 export const CreateProjectDialog = connect(mapStateToProps, mapDispatchToProps)(DialogProjectCreateComponent);