import React from 'react'; import Modal, { RequiredModalProps } from '@/components/elements/Modal'; import { Form, Formik, FormikHelpers } from 'formik'; import Field from '@/components/elements/Field'; import { join } from 'path'; import renameFiles from '@/api/server/files/renameFiles'; import { ServerContext } from '@/state/server'; import tw from 'twin.macro'; import Button from '@/components/elements/Button'; import useServer from '@/plugins/useServer'; import useFileManagerSwr from '@/plugins/useFileManagerSwr'; import withFlash, { WithFlashProps } from '@/hoc/withFlash'; interface FormikValues { name: string; } type OwnProps = WithFlashProps & RequiredModalProps & { files: string[]; useMoveTerminology?: boolean }; const RenameFileModal = ({ flash, files, useMoveTerminology, ...props }: OwnProps) => { const { uuid } = useServer(); const { mutate } = useFileManagerSwr(); const directory = ServerContext.useStoreState(state => state.files.directory); const setSelectedFiles = ServerContext.useStoreActions(actions => actions.files.setSelectedFiles); const submit = ({ name }: FormikValues, { setSubmitting }: FormikHelpers) => { flash.clearFlashes('files'); const len = name.split('/').length; if (files.length === 1) { if (!useMoveTerminology && len === 1) { // Rename the file within this directory. mutate(data => data.map(f => f.name === files[0] ? { ...f, name } : f), false); } else if ((useMoveTerminology || len > 1)) { // Remove the file from this directory since they moved it elsewhere. mutate(data => data.filter(f => f.name !== files[0]), false); } } let data; if (useMoveTerminology && files.length > 1) { data = files.map(f => ({ from: f, to: join(name, f) })); } else { data = files.map(f => ({ from: f, to: name })); } renameFiles(uuid, directory, data) .then((): Promise => files.length > 0 ? mutate() : Promise.resolve()) .then(() => setSelectedFiles([])) .catch(error => { mutate(); setSubmitting(false); flash.clearAndAddHttpError({ key: 'files', error }); }) .then(() => props.onDismissed()); }; return ( 1 ? '' : (files[0] || '') }}> {({ isSubmitting, values }) => (
{useMoveTerminology &&

New location:  /home/container/{join(directory, values.name).replace(/^(\.\.\/|\/)+/, '')}

}
)}
); }; export default withFlash(RenameFileModal);