Fix: Use onChange callback for sorting

This commit is contained in:
gpt-engineer-app[bot]
2025-10-13 01:16:47 +00:00
parent 5d8ef1785b
commit 093b21e3df

View File

@@ -103,6 +103,16 @@ export function useModerationQueueManager(config: ModerationQueueManagerConfig):
initialConfig: { field: "created_at", direction: "asc" },
persist: true,
storageKey: "moderationQueue_sortConfig",
onChange: useCallback((config: SortConfig) => {
if (!user || !initialFetchCompleteRef.current || isMountingRef.current) {
console.log('[Sort onChange] Skipped:', { user: !!user, initialFetch: initialFetchCompleteRef.current, mounting: isMountingRef.current });
return;
}
console.log('[Sort onChange] Triggered - Refetching with:', config);
pagination.reset();
fetchItemsRef.current?.(true);
}, [user]),
});
const queue = useModerationQueue();
@@ -804,25 +814,6 @@ export function useModerationQueueManager(config: ModerationQueueManagerConfig):
fetchItems(true);
}, [filters.debouncedEntityFilter, filters.debouncedStatusFilter]);
// Sort changes trigger refetch
useEffect(() => {
console.log('[Sort Effect] Triggered:', {
field: sort.config.field,
direction: sort.config.direction,
user: !!user,
isMounting: isMountingRef.current
});
if (!user || isMountingRef.current) {
console.log('[Sort Effect] Skipped due to guards');
return;
}
console.log('[Sort Effect] Executing refetch');
pagination.reset();
fetchItemsRef.current?.(true);
// eslint-disable-next-line react-hooks/exhaustive-deps
}, [sort.config]);
// Pagination changes trigger refetch
useEffect(() => {