Skynet/misc_pterodactyl-panel
6
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Don't try to be fancy, just pain

Browse source
This commit is contained in:
Dane Everitt 2020-08-01 20:06:17 -07:00
parent a966613890
commit dd381f65a9
No known key found for this signature in database
GPG key ID: EEA66103B3D71F53
2 changed files with 7 additions and 29 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
resources/scripts/components/server/files/RenameFileModal.tsx
View file

@ -9,22 +9,23 @@ import tw from 'twin.macro';
import Button from '@/components/elements/Button'; import Button from '@/components/elements/Button';
import useServer from '@/plugins/useServer'; import useServer from '@/plugins/useServer';
import useFileManagerSwr from '@/plugins/useFileManagerSwr'; import useFileManagerSwr from '@/plugins/useFileManagerSwr';
import withFlash, { WithFlashProps } from '@/hoc/withFlash'; import useFlash from '@/plugins/useFlash';
interface FormikValues { interface FormikValues {
name: string; name: string;
} }
type OwnProps = WithFlashProps & RequiredModalProps & { files: string[]; useMoveTerminology?: boolean }; type OwnProps = RequiredModalProps & { files: string[]; useMoveTerminology?: boolean };
const RenameFileModal = ({ flash, files, useMoveTerminology, ...props }: OwnProps) => { const RenameFileModal = ({ files, useMoveTerminology, ...props }: OwnProps) => {
const { uuid } = useServer(); const { uuid } = useServer();
const { mutate } = useFileManagerSwr(); const { mutate } = useFileManagerSwr();
const { clearFlashes, clearAndAddHttpError } = useFlash();
const directory = ServerContext.useStoreState(state => state.files.directory); const directory = ServerContext.useStoreState(state => state.files.directory);
const setSelectedFiles = ServerContext.useStoreActions(actions => actions.files.setSelectedFiles); const setSelectedFiles = ServerContext.useStoreActions(actions => actions.files.setSelectedFiles);
const submit = ({ name }: FormikValues, { setSubmitting }: FormikHelpers<FormikValues>) => { const submit = ({ name }: FormikValues, { setSubmitting }: FormikHelpers<FormikValues>) => {
flash.clearFlashes('files'); clearFlashes('files');
const len = name.split('/').length; const len = name.split('/').length;
if (files.length === 1) { if (files.length === 1) {
@ -50,7 +51,7 @@ const RenameFileModal = ({ flash, files, useMoveTerminology, ...props }: OwnProp
.catch(error => { .catch(error => {
mutate(); mutate();
setSubmitting(false); setSubmitting(false);
flash.clearAndAddHttpError({ key: 'files', error }); clearAndAddHttpError({ key: 'files', error });
}) })
.then(() => props.onDismissed()); .then(() => props.onDismissed());
}; };
@ -96,4 +97,4 @@ const RenameFileModal = ({ flash, files, useMoveTerminology, ...props }: OwnProp
); );
}; };
export default withFlash(RenameFileModal); export default RenameFileModal;

23
resources/scripts/hoc/withFlash.tsx
View file

@ -1,23 +0,0 @@
import React from 'react';
import useFlash from '@/plugins/useFlash';
import { Actions } from 'easy-peasy';
import { ApplicationStore } from '@/state';
export interface WithFlashProps {
flash: Actions<ApplicationStore>['flashes'];
}
function withFlash<TOwnProps> (Component: React.ComponentType<TOwnProps & WithFlashProps>): React.ComponentType<TOwnProps> {
return (props: TOwnProps) => {
const { addError, addFlash, clearFlashes, clearAndAddHttpError } = useFlash();
return (
<Component
flash={{ addError, addFlash, clearFlashes, clearAndAddHttpError }}
{...props}
/>
);
};
}
export default withFlash;