1 // Copyright (C) The Arvados Authors. All rights reserved.
3 // SPDX-License-Identifier: AGPL-3.0
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';
14 export const RENAME_FILE_DIALOG = 'renameFileDialog';
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 }));
22 export const RenameFileDialog = compose(
23 withDialog(RENAME_FILE_DIALOG),
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);
32 )((props: WithDialogProps<string> & InjectedFormProps<{ name: string }>) =>
35 formFields={RenameDialogFormFields}
40 const RenameDialogFormFields = (props: WithDialogProps<string>) => <>
42 {`Please, enter a new name for ${props.data}`}