2023-01-03 00:28:09 -08:00
|
|
|
import { useMutation, useQueryClient } from '@tanstack/react-query';
|
2023-05-09 05:53:57 -07:00
|
|
|
import { AxiosError } from 'axios';
|
2023-01-03 00:28:09 -08:00
|
|
|
import { api } from '/@/renderer/api';
|
|
|
|
|
import { queryKeys } from '/@/renderer/api/query-keys';
|
2023-04-27 21:44:25 -07:00
|
|
|
import { DeletePlaylistArgs, DeletePlaylistResponse } from '/@/renderer/api/types';
|
|
|
|
|
import { MutationHookArgs } from '/@/renderer/lib/react-query';
|
|
|
|
|
import { getServerById, useCurrentServer } from '/@/renderer/store';
|
2023-01-03 00:28:09 -08:00
|
|
|
|
2023-04-27 21:44:25 -07:00
|
|
|
export const useDeletePlaylist = (args: MutationHookArgs) => {
|
|
|
|
|
const { options } = args || {};
|
2023-01-03 00:28:09 -08:00
|
|
|
const queryClient = useQueryClient();
|
|
|
|
|
const server = useCurrentServer();
|
|
|
|
|
|
|
|
|
|
return useMutation<
|
2023-04-27 21:44:25 -07:00
|
|
|
DeletePlaylistResponse,
|
2023-05-09 05:53:57 -07:00
|
|
|
AxiosError,
|
2023-04-27 21:44:25 -07:00
|
|
|
Omit<DeletePlaylistArgs, 'server' | 'apiClientProps'>,
|
2023-01-03 00:28:09 -08:00
|
|
|
null
|
|
|
|
|
>({
|
2023-04-27 21:44:25 -07:00
|
|
|
mutationFn: (args) => {
|
|
|
|
|
const server = getServerById(args.serverId);
|
|
|
|
|
if (!server) throw new Error('Server not found');
|
|
|
|
|
return api.controller.deletePlaylist({ ...args, apiClientProps: { server } });
|
|
|
|
|
},
|
2023-01-03 00:50:09 -08:00
|
|
|
onMutate: () => {
|
|
|
|
|
queryClient.cancelQueries(queryKeys.playlists.list(server?.id || ''));
|
|
|
|
|
return null;
|
|
|
|
|
},
|
2023-01-03 00:28:09 -08:00
|
|
|
onSuccess: () => {
|
|
|
|
|
queryClient.invalidateQueries(queryKeys.playlists.list(server?.id || ''));
|
|
|
|
|
},
|
|
|
|
|
...options,
|
|
|
|
|
});
|
|
|
|
|
};
|