Fix duplicate GroupView call in Collection (#720)

ShokoAnime · Dec 21, 2023 · 29ff1ea · 29ff1ea
1 parent 68a2377
commit 29ff1ea
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 6 deletions.
diff --git a/src/core/react-query/webui/queries.ts b/src/core/react-query/webui/queries.ts
@@ -15,10 +15,11 @@ import type {
   WebuiTheme,
 } from '@/core/types/api/webui';
 
-export const useGroupViewQuery = (params: GroupViewRequestType) =>
+export const useGroupViewQuery = (params: GroupViewRequestType, enabled = true) =>
   useQuery<WebuiGroupExtra[], unknown, WebuiGroupExtra[]>({
     queryKey: ['webui', 'group-view', params],
     queryFn: () => axios.post('WebUI/GroupView', params),
+    enabled,
   });
 
 export const useSeriesFileSummaryQuery = (seriesId: number, params: SeriesFileSummaryRequestType, enabled = true) =>

diff --git a/src/pages/collection/Collection.tsx b/src/pages/collection/Collection.tsx
@@ -181,11 +181,14 @@ function Collection() {
 
   // Couldn't find a way to do it in the query itself like we had in RTKQ, so doing it here
   const [groupExtras, setGroupExtras] = useImmer<WebuiGroupExtra[]>([]);
-  const groupExtrasQuery = useGroupViewQuery({
-    GroupIDs: lastPageIds,
-    TagFilter: 128,
-    TagLimit: 20,
-  });
+  const groupExtrasQuery = useGroupViewQuery(
+    {
+      GroupIDs: lastPageIds,
+      TagFilter: 128,
+      TagLimit: 20,
+    },
+    lastPageIds.length > 0,
+  );
 
   useEffect(() => {
     if (!groupExtrasQuery.isSuccess) return;