antebudimir/feishin
1
0
Fork 0
mirror of https://github.com/antebudimir/feishin.git synced 2026-01-01 10:23:33 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

Refactor remaining queries/mutations for new controller

Browse source
This commit is contained in:
jeffvli 2023-04-30 18:00:50 -07:00
parent 40aabd2217
commit bdd023fde3
15 changed files with 92 additions and 109 deletions
Download patch file Download diff file Expand all files Collapse all files

3
src/renderer/features/playlists/mutations/add-to-playlist-mutation.ts
View file

@ -23,6 +23,9 @@ export const useAddToPlaylist = (args: MutationHookArgs) => {
},
onSuccess: (_data, variables) => {
const { serverId } = variables;
if (!serverId) return;
queryClient.invalidateQueries(queryKeys.playlists.list(serverId), { exact: false });
queryClient.invalidateQueries(queryKeys.playlists.detail(serverId, variables.query.id));
queryClient.invalidateQueries(

8
src/renderer/features/playlists/mutations/create-playlist-mutation.ts
View file

@ -1,14 +1,12 @@
import { useMutation, useQueryClient } from '@tanstack/react-query';
import { useMutation } from '@tanstack/react-query';
import { HTTPError } from 'ky';
import { api } from '/@/renderer/api';
import { queryKeys } from '/@/renderer/api/query-keys';
import { CreatePlaylistArgs, CreatePlaylistResponse } from '/@/renderer/api/types';
import { MutationHookArgs } from '/@/renderer/lib/react-query';
import { getServerById } from '/@/renderer/store';
export const useCreatePlaylist = (args: MutationHookArgs) => {
const { options } = args || {};
const queryClient = useQueryClient();
return useMutation<
CreatePlaylistResponse,
@ -21,10 +19,6 @@ export const useCreatePlaylist = (args: MutationHookArgs) => {
if (!server) throw new Error('Server not found');
return api.controller.createPlaylist({ ...args, apiClientProps: { server } });
},
onSuccess: (_data, variables) => {
const serverId = variables.serverId;
queryClient.invalidateQueries(queryKeys.playlists.list(serverId), { exact: false });
},
...options,
});
};

3
src/renderer/features/playlists/mutations/remove-from-playlist-mutation.ts
View file

@ -22,6 +22,9 @@ export const useRemoveFromPlaylist = (options?: MutationOptions) => {
},
onSuccess: (_data, variables) => {
const { serverId } = variables;
if (!serverId) return;
queryClient.invalidateQueries(queryKeys.playlists.list(serverId), { exact: false });
queryClient.invalidateQueries(queryKeys.playlists.detail(serverId, variables.query.id));
queryClient.invalidateQueries(

10
src/renderer/features/playlists/mutations/update-playlist-mutation.ts
View file

@ -10,7 +10,12 @@ export const useUpdatePlaylist = (args: MutationHookArgs) => {
const { options } = args || {};
const queryClient = useQueryClient();
return useMutation<UpdatePlaylistResponse, HTTPError, Omit<UpdatePlaylistArgs, 'server'>, null>({
return useMutation<
UpdatePlaylistResponse,
HTTPError,
Omit<UpdatePlaylistArgs, 'server' | 'apiClientProps'>,
null
>({
mutationFn: (args) => {
const server = getServerById(args.serverId);
if (!server) throw new Error('Server not found');
@ -18,6 +23,9 @@ export const useUpdatePlaylist = (args: MutationHookArgs) => {
},
onSuccess: (_data, variables) => {
const { query, serverId } = variables;
if (!serverId) return;
queryClient.invalidateQueries(queryKeys.playlists.list(serverId));
if (query?.id) {

16
src/renderer/features/playlists/queries/playlist-song-list-query.ts
View file

@ -1,6 +1,6 @@
import { useQuery, useInfiniteQuery } from '@tanstack/react-query';
import { queryKeys } from '/@/renderer/api/query-keys';
import type { PlaylistSongListQuery, SongListResponse } from '/@/renderer/api/types';
import type { PlaylistSongListQuery, PlaylistSongListResponse } from '/@/renderer/api/types';
import type { QueryHookArgs } from '/@/renderer/lib/react-query';
import { getServerById } from '/@/renderer/store';
import { api } from '/@/renderer/api';
@ -10,10 +10,10 @@ export const usePlaylistSongList = (args: QueryHookArgs<PlaylistSongListQuery>)
const server = getServerById(serverId);
return useQuery({
enabled: !!server?.id,
enabled: !!server,
queryFn: ({ signal }) => {
if (!server) throw new Error('Server not found');
api.controller.getPlaylistSongList({ apiClientProps: { server, signal }, query });
return api.controller.getPlaylistSongList({ apiClientProps: { server, signal }, query });
},
queryKey: queryKeys.playlists.songList(server?.id || '', query.id, query),
...options,
@ -25,24 +25,22 @@ export const usePlaylistSongListInfinite = (args: QueryHookArgs<PlaylistSongList
const server = getServerById(serverId);
return useInfiniteQuery({
enabled: !!server?.id,
getNextPageParam: (lastPage: SongListResponse, allPages) => {
enabled: !!server,
getNextPageParam: (lastPage: PlaylistSongListResponse | undefined, pages) => {
if (!lastPage?.items) return undefined;
if (lastPage?.items?.length >= (query?.limit || 50)) {
return allPages?.length;
return pages?.length;
}
return undefined;
},
queryFn: ({ pageParam = 0, signal }) => {
return api.controller.getPlaylistSongList({
apiClientProps: { server, signal },
query: { ...query, limit: query.limit || 50, startIndex: pageParam * (query.limit || 50) },
server,
signal,
});
},
queryKey: queryKeys.playlists.detailSongList(server?.id || '', query.id, query),
...options,
});
};