diff --git a/src/core/react-query/renamer/mutations.ts b/src/core/react-query/renamer/mutations.ts index c7ddb851d..e1b760f07 100644 --- a/src/core/react-query/renamer/mutations.ts +++ b/src/core/react-query/renamer/mutations.ts @@ -25,7 +25,7 @@ export const useRenamerRelocateMutation = () => mutationFn: ( { FileIDs, configName, deleteEmptyDirectories, move, rename }, ) => - axios.post(`Renamer/Config/${configName}/Relocate`, FileIDs, { + axios.post(`Renamer/Config/${encodeURIComponent(configName)}/Relocate`, FileIDs, { params: { deleteEmptyDirectories, move, rename }, }), onSuccess: updateResults, @@ -34,19 +34,21 @@ export const useRenamerRelocateMutation = () => export const useRenamerDeleteConfigMutation = () => useMutation({ - mutationFn: (configName: string) => axios.delete(`Renamer/Config/${configName}`), + mutationFn: (configName: string) => axios.delete(`Renamer/Config/${encodeURIComponent(configName)}`), onSuccess: () => invalidateQueries(['renamer']), }); export const useRenamerSaveConfigMutation = () => useMutation({ - mutationFn: (config: RenamerConfigResponseType) => axios.put(`Renamer/Config/${config.Name}`, config), + mutationFn: (config: RenamerConfigResponseType) => + axios.put(`Renamer/Config/${encodeURIComponent(config.Name)}`, config), onSuccess: () => invalidateQueries(['renamer']), }); export const useRenamerPatchConfigMutation = () => useMutation({ - mutationFn: ({ configName, operations }) => axios.patch(`Renamer/Config/${configName}`, operations), + mutationFn: ({ configName, operations }) => + axios.patch(`Renamer/Config/${encodeURIComponent(configName)}`, operations), onMutate: ({ configName, operations }) => { const data = queryClient.getQueryData(['renamer', 'config'])?.slice(); if (!data) return; diff --git a/src/core/react-query/renamer/queries.ts b/src/core/react-query/renamer/queries.ts index 8d56a97af..73cb40e04 100644 --- a/src/core/react-query/renamer/queries.ts +++ b/src/core/react-query/renamer/queries.ts @@ -24,7 +24,7 @@ export const useRenamerConfigsQuery = (enabled = true) => export const useRenamerByConfigQuery = (renamerConfig: string, enabled = true) => useQuery({ queryKey: ['renamer', 'by-config', renamerConfig], - queryFn: () => axios.get(`Renamer/Config/${renamerConfig}/Renamer`), + queryFn: () => axios.get(`Renamer/Config/${encodeURIComponent(renamerConfig)}/Renamer`), select: transformRenamer, enabled, });