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

ui(server/files): add validation for duplicate directory names

Browse source
This commit is contained in:
Matthew Penner 2021-07-24 11:32:31 -06:00
parent be011906e6
commit 26438fa034
3 changed files with 17 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

16
resources/scripts/components/server/files/NewDirectoryButton.tsx
View file

@ -18,10 +18,6 @@ interface Values {
directoryName: string;
}
const schema = object().shape({
directoryName: string().required('A valid directory name must be provided.'),
});
const generateDirectoryData = (name: string): FileObject => ({
key: `dir_${name.split('/', 1)[0] ?? name}`,
name: name.replace(/^(\/*)/, '').split('/', 1)[0] ?? name,
@ -42,7 +38,7 @@ export default ({ className }: WithClassname) => {
const { clearFlashes, clearAndAddHttpError } = useFlash();
const [ visible, setVisible ] = useState(false);
const { mutate } = useFileManagerSwr();
const { data, mutate } = useFileManagerSwr();
const directory = ServerContext.useStoreState(state => state.files.directory);
useEffect(() => {
@ -68,8 +64,16 @@ export default ({ className }: WithClassname) => {
<>
<Formik
onSubmit={submit}
validationSchema={schema}
initialValues={{ directoryName: '' }}
validationSchema={object().shape({
directoryName: string()
.required('A valid directory name must be provided.')
.test('unique', 'Directory with that name already exists.', v => {
return v !== undefined &&
data !== undefined &&
data.filter(f => f.name.toLowerCase() === v.toLowerCase()).length < 1;
}),
})}
>
{({ resetForm, isSubmitting, values }) => (
<Modal