export const COLLECTION_PROJECT_VALIDATION = [require];
export const COPY_NAME_VALIDATION = [require, maxLength(255)];
-export const MAKE_A_COPY_VALIDATION = [require];
+export const COPY_PROJECT_VALIDATION = [require];
export const MOVE_TO_VALIDATION = [require];
import { WithDialogProps } from '~/store/dialog/with-dialog';
import { FormDialog } from '~/components/form-dialog/form-dialog';
import { ProjectTreePickerField } from '~/views-components/project-tree-picker/project-tree-picker';
-import { COPY_NAME_VALIDATION, MAKE_A_COPY_VALIDATION } from '~/validators/validators';
+import { COPY_NAME_VALIDATION, COPY_PROJECT_VALIDATION } from '~/validators/validators';
import { TextField } from "~/components/text-field/text-field";
import { ProjectCopyFormDialogData } from "~/store/project-copy-dialog/project-copy-dialog";
-export const ProjectCopyFormDialog = (props: WithDialogProps<string> & InjectedFormProps<ProjectCopyFormDialogData>) =>
+type ProjectCopyFormDialogProps = WithDialogProps<string> & InjectedFormProps<ProjectCopyFormDialogData>;
+
+export const ProjectCopyFormDialog = (props: ProjectCopyFormDialogProps) =>
<FormDialog
dialogTitle='Make a copy'
formFields={ProjectCopyFields}
{...props}
/>;
-const ProjectCopyFields = () => <div>
- <ProjectCopyNameField />
- <ProjectCopyDialogFields />
-</div>;
-
-const ProjectCopyNameField = () =>
+const ProjectCopyFields = () => <span>
<Field
name='name'
component={TextField}
validate={COPY_NAME_VALIDATION}
- label="Enter a new name for the copy" />;
-
-const ProjectCopyDialogFields = () =>
+ label="Enter a new name for the copy" />
<Field
name="projectUuid"
component={ProjectTreePickerField}
- validate={MAKE_A_COPY_VALIDATION} />;
+ validate={COPY_PROJECT_VALIDATION} />
+</span>;