fix missing list query invalidation on playlist create/delete

This commit is contained in:
jeffvli
2026-03-11 02:04:51 -07:00
parent 8699b1ffea
commit 60776b5f02
2 changed files with 32 additions and 8 deletions
@@ -3,8 +3,13 @@ import { AxiosError } from 'axios';
import { api } from '/@/renderer/api';
import { queryKeys } from '/@/renderer/api/query-keys';
import { infiniteLoaderDataQueryKey } from '/@/renderer/components/item-list/helpers/item-list-infinite-loader';
import { MutationHookArgs } from '/@/renderer/lib/react-query';
import { CreatePlaylistArgs, CreatePlaylistResponse } from '/@/shared/types/domain-types';
import {
CreatePlaylistArgs,
CreatePlaylistResponse,
LibraryItem,
} from '/@/shared/types/domain-types';
export const useCreatePlaylist = (args: MutationHookArgs) => {
const { options } = args || {};
@@ -17,12 +22,19 @@ export const useCreatePlaylist = (args: MutationHookArgs) => {
apiClientProps: { serverId: args.apiClientProps.serverId },
});
},
onSuccess: (_args, variables) => {
...options,
onSuccess: (data, variables, context) => {
const { serverId } = variables.apiClientProps;
queryClient.invalidateQueries({
exact: false,
queryKey: queryKeys.playlists.list(variables.apiClientProps.serverId),
queryKey: queryKeys.playlists.root(serverId),
});
queryClient.invalidateQueries({
exact: false,
queryKey: infiniteLoaderDataQueryKey(serverId, LibraryItem.PLAYLIST),
});
options?.onSuccess?.(data, variables, context);
},
...options,
});
};
@@ -3,13 +3,18 @@ import { AxiosError } from 'axios';
import { api } from '/@/renderer/api';
import { queryKeys } from '/@/renderer/api/query-keys';
import { infiniteLoaderDataQueryKey } from '/@/renderer/components/item-list/helpers/item-list-infinite-loader';
import {
applyDeletePlaylistOptimisticUpdates,
PreviousQueryData,
restorePlaylistQueryData,
} from '/@/renderer/features/playlists/mutations/playlist-optimistic-updates';
import { MutationHookArgs } from '/@/renderer/lib/react-query';
import { DeletePlaylistArgs, DeletePlaylistResponse } from '/@/shared/types/domain-types';
import {
DeletePlaylistArgs,
DeletePlaylistResponse,
LibraryItem,
} from '/@/shared/types/domain-types';
export const useDeletePlaylist = (args: MutationHookArgs) => {
const { options } = args || {};
@@ -34,13 +39,20 @@ export const useDeletePlaylist = (args: MutationHookArgs) => {
});
return applyDeletePlaylistOptimisticUpdates(queryClient, variables);
},
onSuccess: (_data, variables) => {
...options,
onSuccess: (data, variables, context) => {
const { serverId } = variables.apiClientProps;
queryClient.invalidateQueries({
exact: false,
queryKey: queryKeys.playlists.list(variables.apiClientProps.serverId),
queryKey: queryKeys.playlists.root(serverId),
});
queryClient.invalidateQueries({
exact: false,
queryKey: infiniteLoaderDataQueryKey(serverId, LibraryItem.PLAYLIST),
});
options?.onSuccess?.(data, variables, context);
},
...options,
},
);
};