feishin/src/renderer/features/playlists/mutations/delete-playlist-mutation.ts

35 lines
1.2 KiB
TypeScript
Raw Normal View History

2023-01-03 00:28:09 -08:00
import { useMutation, useQueryClient } from '@tanstack/react-query';
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,
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,
});
};