add new context menu implementation

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

@@ -3,12 +3,17 @@ import { AxiosError } from 'axios';
 
 import { api } from '/@/renderer/api';
 import { queryKeys } from '/@/renderer/api/query-keys';
+import { useRecentPlaylists } from '/@/renderer/features/playlists/hooks/use-recent-playlists';
 import { MutationHookArgs } from '/@/renderer/lib/react-query';
+import { useCurrentServerId } from '/@/renderer/store';
 import { AddToPlaylistArgs, AddToPlaylistResponse } from '/@/shared/types/domain-types';
 
 export const useAddToPlaylist = (args: MutationHookArgs) => {
     const { options } = args || {};
     const queryClient = useQueryClient();
+    const serverId = useCurrentServerId();
+
+    const { addRecentPlaylist } = useRecentPlaylists(serverId);
 
     return useMutation<AddToPlaylistResponse, AxiosError, AddToPlaylistArgs, null>({
         mutationFn: (args) => {
@@ -17,7 +22,7 @@ export const useAddToPlaylist = (args: MutationHookArgs) => {
                 apiClientProps: { serverId: args.apiClientProps.serverId },
             });
         },
-        onSuccess: (_data, variables) => {
+        onSuccess: (_data, variables, context) => {
             const { apiClientProps } = variables;
             const serverId = apiClientProps.serverId;
 
@@ -33,6 +38,10 @@ export const useAddToPlaylist = (args: MutationHookArgs) => {
             queryClient.invalidateQueries({
                 queryKey: queryKeys.playlists.songList(serverId, variables.query.id),
             });
+
+            addRecentPlaylist(variables.query.id);
+
+            options?.onSuccess?.(_data, variables, context);
         },
         ...options,
     });