Add delete playlist to context menu

src/renderer/features/playlists/index.ts

@@ -1,2 +1,5 @@
 export * from './queries/playlist-list-query';
 export * from './components/create-playlist-form';
+export * from './mutations/delete-playlist-mutation';
+export * from './mutations/create-playlist-mutation';
+export * from './mutations/update-playlist-mutation';

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

@@ -18,7 +18,7 @@ export const useCreatePlaylist = (options?: MutationOptions) => {
   >({
     mutationFn: (args) => api.controller.createPlaylist({ ...args, server }),
     onSuccess: () => {
-      queryClient.invalidateQueries(queryKeys.playlists.list(server?.id || ''));
+      queryClient.invalidateQueries(queryKeys.playlists.list(server?.id || ''), { exact: false });
     },
     ...options,
   });

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

@@ -17,6 +17,10 @@ export const useDeletePlaylist = (options?: MutationOptions) => {
     null
   >({
     mutationFn: (args) => api.controller.deletePlaylist({ ...args, server }),
+    onMutate: () => {
+      queryClient.cancelQueries(queryKeys.playlists.list(server?.id || ''));
+      return null;
+    },
     onSuccess: () => {
       queryClient.invalidateQueries(queryKeys.playlists.list(server?.id || ''));
     },