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

Refactor all mutation hooks

Browse source
This commit is contained in:
jeffvli 2023-04-27 21:44:25 -07:00
parent bf3024939a
commit 68a1cb9aaa
9 changed files with 166 additions and 214 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -2,25 +2,31 @@ import { useMutation, useQueryClient } from '@tanstack/react-query';
import { HTTPError } from 'ky';
import { api } from '/@/renderer/api';
import { queryKeys } from '/@/renderer/api/query-keys';
import { AddToPlaylistArgs, RawAddToPlaylistResponse } from '/@/renderer/api/types';
import { MutationOptions } from '/@/renderer/lib/react-query';
import { useCurrentServer } from '/@/renderer/store';
import { AddToPlaylistArgs, AddToPlaylistResponse } from '/@/renderer/api/types';
import { MutationHookArgs } from '/@/renderer/lib/react-query';
import { getServerById } from '/@/renderer/store';
export const useAddToPlaylist = (options?: MutationOptions) => {
export const useAddToPlaylist = (args: MutationHookArgs) => {
const { options } = args || {};
const queryClient = useQueryClient();
const server = useCurrentServer();
return useMutation<RawAddToPlaylistResponse, HTTPError, Omit<AddToPlaylistArgs, 'server'>, null>({
mutationFn: (args) => api.controller.addToPlaylist({ ...args, server }),
return useMutation<
AddToPlaylistResponse,
HTTPError,
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) => {
queryClient.invalidateQueries(queryKeys.playlists.list(server?.id || ''), { exact: false });
const { serverId } = variables;
queryClient.invalidateQueries(queryKeys.playlists.list(serverId), { exact: false });
queryClient.invalidateQueries(queryKeys.playlists.detail(serverId, variables.query.id));
queryClient.invalidateQueries(
queryKeys.playlists.detail(server?.id || '', variables.query.id),
);
queryClient.invalidateQueries(
queryKeys.playlists.detailSongList(server?.id || '', variables.query.id),
queryKeys.playlists.detailSongList(serverId, variables.query.id),
);
},
...options,

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

@ -2,23 +2,28 @@ import { useMutation, useQueryClient } from '@tanstack/react-query';
import { HTTPError } from 'ky';
import { api } from '/@/renderer/api';
import { queryKeys } from '/@/renderer/api/query-keys';
import { CreatePlaylistArgs, RawCreatePlaylistResponse } from '/@/renderer/api/types';
import { MutationOptions } from '/@/renderer/lib/react-query';
import { useCurrentServer } from '/@/renderer/store';
import { CreatePlaylistArgs, CreatePlaylistResponse } from '/@/renderer/api/types';
import { MutationHookArgs } from '/@/renderer/lib/react-query';
import { getServerById } from '/@/renderer/store';
export const useCreatePlaylist = (options?: MutationOptions) => {
export const useCreatePlaylist = (args: MutationHookArgs) => {
const { options } = args || {};
const queryClient = useQueryClient();
const server = useCurrentServer();
return useMutation<
RawCreatePlaylistResponse,
CreatePlaylistResponse,
HTTPError,
Omit<CreatePlaylistArgs, 'server'>,
Omit<CreatePlaylistArgs, 'server' | 'apiClientProps'>,
null
>({
mutationFn: (args) => api.controller.createPlaylist({ ...args, server }),
onSuccess: () => {
queryClient.invalidateQueries(queryKeys.playlists.list(server?.id || ''), { exact: false });
mutationFn: (args) => {
const server = getServerById(args.serverId);
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,
});

19
src/renderer/features/playlists/mutations/delete-playlist-mutation.ts
View file

@ -2,21 +2,26 @@ import { useMutation, useQueryClient } from '@tanstack/react-query';
import { HTTPError } from 'ky';
import { api } from '/@/renderer/api';
import { queryKeys } from '/@/renderer/api/query-keys';
import { DeletePlaylistArgs, RawDeletePlaylistResponse } from '/@/renderer/api/types';
import { MutationOptions } from '/@/renderer/lib/react-query';
import { useCurrentServer } from '/@/renderer/store';
import { DeletePlaylistArgs, DeletePlaylistResponse } from '/@/renderer/api/types';
import { MutationHookArgs } from '/@/renderer/lib/react-query';
import { getServerById, useCurrentServer } from '/@/renderer/store';
export const useDeletePlaylist = (options?: MutationOptions) => {
export const useDeletePlaylist = (args: MutationHookArgs) => {
const { options } = args || {};
const queryClient = useQueryClient();
const server = useCurrentServer();
return useMutation<
RawDeletePlaylistResponse,
DeletePlaylistResponse,
HTTPError,
Omit<DeletePlaylistArgs, 'server'>,
Omit<DeletePlaylistArgs, 'server' | 'apiClientProps'>,
null
>({
mutationFn: (args) => api.controller.deletePlaylist({ ...args, server }),
mutationFn: (args) => {
const server = getServerById(args.serverId);
if (!server) throw new Error('Server not found');
return api.controller.deletePlaylist({ ...args, apiClientProps: { server } });
},
onMutate: () => {
queryClient.cancelQueries(queryKeys.playlists.list(server?.id || ''));
return null;

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

@ -2,30 +2,30 @@ import { useMutation, useQueryClient } from '@tanstack/react-query';
import { HTTPError } from 'ky';
import { api } from '/@/renderer/api';
import { queryKeys } from '/@/renderer/api/query-keys';
import { RawRemoveFromPlaylistResponse, RemoveFromPlaylistArgs } from '/@/renderer/api/types';
import { RemoveFromPlaylistResponse, RemoveFromPlaylistArgs } from '/@/renderer/api/types';
import { MutationOptions } from '/@/renderer/lib/react-query';
import { useCurrentServer } from '/@/renderer/store';
import { getServerById } from '/@/renderer/store';
export const useRemoveFromPlaylist = (options?: MutationOptions) => {
const queryClient = useQueryClient();
const server = useCurrentServer();
return useMutation<
RawRemoveFromPlaylistResponse,
RemoveFromPlaylistResponse,
HTTPError,
Omit<RemoveFromPlaylistArgs, 'server'>,
Omit<RemoveFromPlaylistArgs, 'server' | 'apiClientProps'>,
null
>({
mutationFn: (args) => api.controller.removeFromPlaylist({ ...args, server }),
mutationFn: (args) => {
const server = getServerById(args.serverId);
if (!server) throw new Error('Server not found');
return api.controller.removeFromPlaylist({ ...args, apiClientProps: { server } });
},
onSuccess: (_data, variables) => {
queryClient.invalidateQueries(queryKeys.playlists.list(server?.id || ''), { exact: false });
const { serverId } = variables;
queryClient.invalidateQueries(queryKeys.playlists.list(serverId), { exact: false });
queryClient.invalidateQueries(queryKeys.playlists.detail(serverId, variables.query.id));
queryClient.invalidateQueries(
queryKeys.playlists.detail(server?.id || '', variables.query.id),
);
queryClient.invalidateQueries(
queryKeys.playlists.detailSongList(server?.id || '', variables.query.id),
queryKeys.playlists.detailSongList(serverId, variables.query.id),
);
},
...options,

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

@ -2,26 +2,26 @@ import { useMutation, useQueryClient } from '@tanstack/react-query';
import { HTTPError } from 'ky';
import { api } from '/@/renderer/api';
import { queryKeys } from '/@/renderer/api/query-keys';
import { RawUpdatePlaylistResponse, UpdatePlaylistArgs } from '/@/renderer/api/types';
import { MutationOptions } from '/@/renderer/lib/react-query';
import { useCurrentServer } from '/@/renderer/store';
import { UpdatePlaylistArgs, UpdatePlaylistResponse } from '/@/renderer/api/types';
import { MutationHookArgs } from '/@/renderer/lib/react-query';
import { getServerById } from '/@/renderer/store';
export const useUpdatePlaylist = (options?: MutationOptions) => {
export const useUpdatePlaylist = (args: MutationHookArgs) => {
const { options } = args || {};
const queryClient = useQueryClient();
const server = useCurrentServer();
return useMutation<
RawUpdatePlaylistResponse,
HTTPError,
Omit<UpdatePlaylistArgs, 'server'>,
null
>({
mutationFn: (args) => api.controller.updatePlaylist({ ...args, server }),
onSuccess: (data) => {
queryClient.invalidateQueries(queryKeys.playlists.list(server?.id || ''));
return useMutation<UpdatePlaylistResponse, HTTPError, Omit<UpdatePlaylistArgs, 'server'>, null>({
mutationFn: (args) => {
const server = getServerById(args.serverId);
if (!server) throw new Error('Server not found');
return api.controller.updatePlaylist({ ...args, apiClientProps: { server } });
},
onSuccess: (_data, variables) => {
const { query, serverId } = variables;
queryClient.invalidateQueries(queryKeys.playlists.list(serverId));
if (data?.id) {
queryClient.invalidateQueries(queryKeys.playlists.detail(server?.id || '', data.id));
if (query?.id) {
queryClient.invalidateQueries(queryKeys.playlists.detail(serverId, query.id));
}
},
...options,