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

38 lines
1.4 KiB
TypeScript
Raw Normal View History

import { useMutation, useQueryClient } from '@tanstack/react-query';
import { AxiosError } from 'axios';
import { api } from '/@/renderer/api';
import { queryKeys } from '/@/renderer/api/query-keys';
2023-04-27 21:44:25 -07:00
import { AddToPlaylistArgs, AddToPlaylistResponse } from '/@/renderer/api/types';
import { MutationHookArgs } from '/@/renderer/lib/react-query';
import { getServerById } from '/@/renderer/store';
2023-04-27 21:44:25 -07:00
export const useAddToPlaylist = (args: MutationHookArgs) => {
2023-07-01 19:10:05 -07:00
const { options } = args || {};
const queryClient = useQueryClient();
2023-07-01 19:10:05 -07:00
return useMutation<
AddToPlaylistResponse,
AxiosError,
Omit<AddToPlaylistArgs, 'server' | 'apiClientProps'>,
null
>({
mutationFn: (args) => {
const server = getServerById(args.serverId);
if (!server) throw new Error('Server not found');
return api.controller.addToPlaylist({ ...args, apiClientProps: { server } });
},
onSuccess: (_data, variables) => {
const { serverId } = variables;
2023-07-01 19:10:05 -07:00
if (!serverId) return;
2023-07-01 19:10:05 -07:00
queryClient.invalidateQueries(queryKeys.playlists.list(serverId), { exact: false });
queryClient.invalidateQueries(queryKeys.playlists.detail(serverId, variables.query.id));
queryClient.invalidateQueries(
queryKeys.playlists.detailSongList(serverId, variables.query.id),
);
},
...options,
});
};