improve list loading indicator

2026-06-22 11:54:19 +02:00 · 2025-12-28 03:05:20 -08:00
parent dde4e1b33c
commit 99be12e648
9 changed files with 113 additions and 34 deletions
@@ -0,0 +1,26 @@
+import { useIsFetching } from '@tanstack/react-query';
+
+import { queryKeys } from '/@/renderer/api/query-keys';
+import { getListQueryKeyName } from '/@/renderer/components/item-list/helpers/item-list-infinite-loader';
+import { useCurrentServerId } from '/@/renderer/store';
+import { LibraryItem } from '/@/shared/types/domain-types';
+
+export const useIsFetchingItemListCount = ({ itemType }: { itemType: LibraryItem }) => {
+    const serverId = useCurrentServerId();
+
+    const isFetching = useIsFetching({
+        queryKey: queryKeys[getListQueryKeyName(itemType)].count(serverId),
+    });
+
+    return isFetching > 0;
+};
+
+export const useIsFetchingItemList = ({ itemType }: { itemType: LibraryItem }) => {
+    const serverId = useCurrentServerId();
+
+    const isFetching = useIsFetching({
+        queryKey: queryKeys[getListQueryKeyName(itemType)].list(serverId),
+    });
+
+    return isFetching > 0;
+};