src/views-components/rename-file-dialog/rename-file-dialog.tsx

   1 // Copyright (C) The Arvados Authors. All rights reserved.
   2 //
   3 // SPDX-License-Identifier: AGPL-3.0
   4
   5 import * as React from 'react';
   6 import { Dispatch, compose } from 'redux';
   7 import { reduxForm, reset, startSubmit, stopSubmit, InjectedFormProps, Field } from 'redux-form';
   8 import { withDialog, WithDialogProps } from '~/store/dialog/with-dialog';
   9 import { dialogActions } from "~/store/dialog/dialog-actions";
  10 import { FormDialog } from '~/components/form-dialog/form-dialog';
  11 import { DialogContentText } from '@material-ui/core';
  12 import { TextField } from '~/components/text-field/text-field';
  13
  14 export const RENAME_FILE_DIALOG = 'renameFileDialog';
  15
  16 export const openRenameFileDialog = (originalName: string) =>
  17     (dispatch: Dispatch) => {
  18         dispatch(reset(RENAME_FILE_DIALOG));
  19         dispatch(dialogActions.OPEN_DIALOG({ id: RENAME_FILE_DIALOG, data: originalName }));
  20     };
  21
  22 export const RenameFileDialog = compose(
  23     withDialog(RENAME_FILE_DIALOG),
  24     reduxForm({
  25         form: RENAME_FILE_DIALOG,
  26         onSubmit: (data, dispatch) => {
  27             dispatch(startSubmit(RENAME_FILE_DIALOG));
  28             // TODO: call collection file renaming action here
  29             setTimeout(() => dispatch(stopSubmit(RENAME_FILE_DIALOG, { name: 'Invalid name' })), 2000);
  30         }
  31     })
  32 )((props: WithDialogProps<string> & InjectedFormProps<{ name: string }>) =>
  33     <FormDialog
  34         dialogTitle='Rename'
  35         formFields={RenameDialogFormFields}
  36         submitLabel='Ok'
  37         {...props}
  38     />);
  39
  40 const RenameDialogFormFields = (props: WithDialogProps<string>) => <>
  41     <DialogContentText>
  42         {`Please, enter a new name for ${props.data}`}
  43     </DialogContentText>
  44     <Field
  45         name='name'
  46         component={TextField}
  47     />
  48 </>;