remove favorite/rating handlers from PlayerContext to prevent rerenders from consumers

src/renderer/features/shared/hooks/use-handle-favorite.ts

@@ -1,57 +0,0 @@
-import { MutableRefObject, useCallback } from 'react';
-
-import { VirtualInfiniteGridRef } from '/@/renderer/components/virtual-grid/virtual-infinite-grid';
-import { useCreateFavorite } from '/@/renderer/features/shared/mutations/create-favorite-mutation';
-import { useDeleteFavorite } from '/@/renderer/features/shared/mutations/delete-favorite-mutation';
-import { useCurrentServerId } from '/@/renderer/store';
-import { LibraryItem } from '/@/shared/types/domain-types';
-
-interface HandleFavoriteProps {
-    gridRef: MutableRefObject<null | VirtualInfiniteGridRef>;
-}
-
-export const useHandleFavorite = ({ gridRef }: HandleFavoriteProps) => {
-    const createFavoriteMutation = useCreateFavorite({});
-    const deleteFavoriteMutation = useDeleteFavorite({});
-    const serverId = useCurrentServerId();
-
-    const handleFavorite = useCallback(
-        async (options: { id: string[]; isFavorite: boolean; itemType: LibraryItem }) => {
-            const { id, isFavorite, itemType } = options;
-            try {
-                if (isFavorite) {
-                    await deleteFavoriteMutation.mutateAsync({
-                        apiClientProps: { serverId },
-                        query: {
-                            id,
-                            type: itemType,
-                        },
-                    });
-                } else {
-                    await createFavoriteMutation.mutateAsync({
-                        apiClientProps: { serverId },
-                        query: {
-                            id,
-                            type: itemType,
-                        },
-                    });
-                }
-
-                const idSet = new Set(id);
-                gridRef.current?.updateItemData((data) =>
-                    idSet.has(data.id)
-                        ? {
-                              ...data,
-                              userFavorite: !isFavorite,
-                          }
-                        : data,
-                );
-            } catch (error) {
-                console.error(error);
-            }
-        },
-        [createFavoriteMutation, deleteFavoriteMutation, gridRef, serverId],
-    );
-
-    return handleFavorite;
-};

src/renderer/features/shared/hooks/use-set-favorite.ts

@@ -0,0 +1,29 @@
+import { useCallback } from 'react';
+
+import { useCreateFavorite } from '/@/renderer/features/shared/mutations/create-favorite-mutation';
+import { useDeleteFavorite } from '/@/renderer/features/shared/mutations/delete-favorite-mutation';
+import { LibraryItem } from '/@/shared/types/domain-types';
+
+export const useSetFavorite = () => {
+    const createFavoriteMutation = useCreateFavorite({});
+    const deleteFavoriteMutation = useDeleteFavorite({});
+
+    const setFavorite = useCallback(
+        (serverId: string, id: string[], itemType: LibraryItem, isFavorite: boolean) => {
+            if (isFavorite) {
+                createFavoriteMutation.mutate({
+                    apiClientProps: { serverId },
+                    query: { id, type: itemType },
+                });
+            } else {
+                deleteFavoriteMutation.mutate({
+                    apiClientProps: { serverId },
+                    query: { id, type: itemType },
+                });
+            }
+        },
+        [createFavoriteMutation, deleteFavoriteMutation],
+    );
+
+    return setFavorite;
+};

src/renderer/features/shared/hooks/use-set-rating.ts

@@ -0,0 +1,20 @@
+import { useCallback } from 'react';
+
+import { useSetRatingMutation } from '/@/renderer/features/shared/mutations/set-rating-mutation';
+import { LibraryItem } from '/@/shared/types/domain-types';
+
+export const useSetRating = () => {
+    const setRatingMutation = useSetRatingMutation({});
+
+    const setRating = useCallback(
+        (serverId: string, id: string[], itemType: LibraryItem, rating: number) => {
+            setRatingMutation.mutate({
+                apiClientProps: { serverId },
+                query: { id, rating, type: itemType },
+            });
+        },
+        [setRatingMutation],
+    );
+
+    return setRating;
+};

src/renderer/features/shared/mutations/set-rating-mutation.ts

@@ -15,7 +15,7 @@ import { RatingResponse, SetRatingArgs } from '/@/shared/types/domain-types';
 
 const setRatingMutationKey = ['set-rating'];
 
-export const useSetRating = (args: MutationHookArgs) => {
+export const useSetRatingMutation = (args: MutationHookArgs) => {
     const { options } = args || {};
     const queryClient = useQueryClient();
     const { t } = useTranslation();