diff --git a/src/hooks/moderation/useModerationQueueManager.ts b/src/hooks/moderation/useModerationQueueManager.ts index 4b4d6d66..402b638d 100644 --- a/src/hooks/moderation/useModerationQueueManager.ts +++ b/src/hooks/moderation/useModerationQueueManager.ts @@ -856,13 +856,19 @@ export function useModerationQueueManager(config: ModerationQueueManagerConfig): // eslint-disable-next-line react-hooks/exhaustive-deps }, [user?.id]); - // Filter changes trigger refetch + // Filter and tab changes trigger refetch useEffect(() => { if (!user || !initialFetchCompleteRef.current || isMountingRef.current) return; + console.log('[Filter/Tab Change] Refetching with:', { + tab: filters.activeTab, + entity: filters.debouncedEntityFilter, + status: filters.debouncedStatusFilter + }); + pagination.reset(); - fetchItems(true); - }, [filters.debouncedEntityFilter, filters.debouncedStatusFilter]); + fetchItemsRef.current?.(true); + }, [filters.activeTab, filters.debouncedEntityFilter, filters.debouncedStatusFilter, user]); // Sort changes trigger refetch useEffect(() => { @@ -870,10 +876,13 @@ export function useModerationQueueManager(config: ModerationQueueManagerConfig): return; } - console.log('[Sort Change] Refetching with:', sort.field, sort.direction); + console.log('[Sort Change] Refetching with:', { + field: sort.field, + direction: sort.direction + }); pagination.reset(); fetchItemsRef.current?.(true); - }, [sort.field, sort.direction, user]); + }, [sort.field, sort.direction, user, pagination]); // Pagination changes trigger refetch useEffect(() => {