refactor api controller to internalize server fetch

src/renderer/features/artists/components/album-artist-detail-content.tsx

@@ -311,19 +311,19 @@ export const AlbumArtistDetailContent = ({ background }: AlbumArtistDetailConten
 
         if (detailQuery.data.userFavorite) {
             deleteFavoriteMutation.mutate({
+                apiClientProps: { serverId: detailQuery.data.serverId },
                 query: {
                     id: [detailQuery.data.id],
                     type: LibraryItem.ALBUM_ARTIST,
                 },
-                serverId: detailQuery.data.serverId,
             });
         } else {
             createFavoriteMutation.mutate({
+                apiClientProps: { serverId: detailQuery.data.serverId },
                 query: {
                     id: [detailQuery.data.id],
                     type: LibraryItem.ALBUM_ARTIST,
                 },
-                serverId: detailQuery.data.serverId,
             });
         }
     };

src/renderer/features/artists/components/album-artist-detail-header.tsx

@@ -71,11 +71,11 @@ export const AlbumArtistDetailHeader = forwardRef(
             if (!detailQuery?.data) return;
 
             updateRatingMutation.mutate({
+                apiClientProps: { serverId: detailQuery?.data.serverId },
                 query: {
                     item: [detailQuery.data],
                     rating,
                 },
-                serverId: detailQuery?.data.serverId,
             });
         };
 

src/renderer/features/artists/components/album-artist-list-grid-view.tsx

@@ -38,7 +38,7 @@ export const AlbumArtistListGridView = ({ gridRef, itemCount }: AlbumArtistListG
     const { pageKey } = useListContext();
     const { display, filter, grid } = useListStoreByKey<AlbumArtistListQuery>({ key: pageKey });
     const { setGrid } = useListStoreActions();
-    const handleFavorite = useHandleFavorite({ gridRef, server });
+    const handleFavorite = useHandleFavorite({ gridRef });
 
     const fetchInitialData = useCallback(() => {
         const query: Omit<AlbumArtistListQuery, 'limit' | 'startIndex'> = {
@@ -89,7 +89,7 @@ export const AlbumArtistListGridView = ({ gridRef, itemCount }: AlbumArtistListG
                 queryFn: async ({ signal }) =>
                     api.controller.getAlbumArtistList({
                         apiClientProps: {
-                            server,
+                            serverId: server?.id || '',
                             signal,
                         },
                         query,

src/renderer/features/artists/components/album-artist-list-header-filters.tsx

@@ -184,7 +184,7 @@ export const AlbumArtistListHeaderFilters = ({
                 queryFn: async ({ signal }) =>
                     api.controller.getAlbumArtistList({
                         apiClientProps: {
-                            server,
+                            serverId: server?.id || '',
                             signal,
                         },
                         query: {
@@ -220,7 +220,7 @@ export const AlbumArtistListHeaderFilters = ({
                             queryFn: async ({ signal }) =>
                                 api.controller.getAlbumArtistList({
                                     apiClientProps: {
-                                        server,
+                                        serverId: server?.id || '',
                                         signal,
                                     },
                                     query: {

src/renderer/features/artists/components/artist-list-grid-view.tsx

@@ -39,7 +39,7 @@ export const ArtistListGridView = ({ gridRef, itemCount }: ArtistListGridViewPro
     const { pageKey } = useListContext();
     const { display, filter, grid } = useListStoreByKey<ArtistListQuery>({ key: pageKey });
     const { setGrid } = useListStoreActions();
-    const handleFavorite = useHandleFavorite({ gridRef, server });
+    const handleFavorite = useHandleFavorite({ gridRef });
 
     const fetchInitialData = useCallback(() => {
         const query: Omit<ArtistListQuery, 'limit' | 'startIndex'> = {
@@ -90,7 +90,7 @@ export const ArtistListGridView = ({ gridRef, itemCount }: ArtistListGridViewPro
                 queryFn: async ({ signal }) =>
                     api.controller.getArtistList({
                         apiClientProps: {
-                            server,
+                            serverId: server?.id || '',
                             signal,
                         },
                         query,

src/renderer/features/artists/components/artist-list-header-filters.tsx

@@ -191,7 +191,7 @@ export const ArtistListHeaderFilters = ({ gridRef, tableRef }: ArtistListHeaderF
                 queryFn: async ({ signal }) =>
                     api.controller.getArtistList({
                         apiClientProps: {
-                            server,
+                            serverId: server?.id || '',
                             signal,
                         },
                         query: {
@@ -227,7 +227,7 @@ export const ArtistListHeaderFilters = ({ gridRef, tableRef }: ArtistListHeaderF
                             queryFn: async ({ signal }) =>
                                 api.controller.getArtistList({
                                     apiClientProps: {
-                                        server,
+                                        serverId: server?.id || '',
                                         signal,
                                     },
                                     query: {