fix missing list query invalidation on playlist create/delete

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

@@ -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,
     });
 };

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

@@ -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,
         },
     );
 };