src/views-components/dialog-copy/dialog-copy.tsx

   1 // Copyright (C) The Arvados Authors. All rights reserved.
   2 //
   3 // SPDX-License-Identifier: AGPL-3.0
   4
   5 import React from "react";
   6 import { memoize } from "lodash/fp";
   7 import { InjectedFormProps, Field } from "redux-form";
   8 import { WithDialogProps } from "store/dialog/with-dialog";
   9 import { FormDialog } from "components/form-dialog/form-dialog";
  10 import { ProjectTreePickerField } from "views-components/projects-tree-picker/tree-picker-field";
  11 import { COPY_NAME_VALIDATION, COPY_FILE_VALIDATION } from "validators/validators";
  12 import { TextField } from "components/text-field/text-field";
  13 import { CopyFormDialogData } from "store/copy-dialog/copy-dialog";
  14 import { PickerIdProp } from "store/tree-picker/picker-id";
  15
  16 type CopyFormDialogProps = WithDialogProps<string> & InjectedFormProps<CopyFormDialogData>;
  17
  18 export const DialogCopy = (props: CopyFormDialogProps & PickerIdProp) => (
  19     <FormDialog
  20         dialogTitle="Make a copy"
  21         formFields={CopyDialogFields(props.pickerId)}
  22         submitLabel="Copy"
  23         {...props}
  24     />
  25 );
  26
  27 const CopyDialogFields = memoize((pickerId: string) => () => (
  28     <>
  29         <Field
  30             name="name"
  31             component={TextField as any}
  32             validate={COPY_NAME_VALIDATION}
  33             label="Enter a new name for the copy"
  34         />
  35         <Field
  36             name="ownerUuid"
  37             component={ProjectTreePickerField}
  38             validate={COPY_FILE_VALIDATION}
  39             pickerId={pickerId}
  40         />
  41     </>
  42 ));