pacnpal/thrilltrack-explorer
1
0
Fork 0
mirror of https://github.com/pacnpal/thrilltrack-explorer.git synced 2025-12-21 13:31:13 -05:00
Code Issues Packages Projects Releases Wiki Activity

Fix: Update stale ref in realtime handler

Browse Source
This commit is contained in:
gpt-engineer-app[bot]
2025-10-10 14:52:49 +00:00
parent 0be9ef8b18
commit 4960caa41a
1 changed files with 14 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
src/components/moderation/ModerationQueue.tsx
View File

@@ -502,8 +502,9 @@ export const ModerationQueue = forwardRef<ModerationQueueRef>((props, ref) => {
}); });
if (mergeResult.hasChanges) { if (mergeResult.hasChanges) {
// Update ref BEFORE setState to prevent race conditions
itemsRef.current = mergeResult.items;
setItems(mergeResult.items); setItems(mergeResult.items);
itemsRef.current = mergeResult.items; // Update ref immediately to prevent stale comparisons
console.log('🔄 Queue updated (replace mode):', { console.log('🔄 Queue updated (replace mode):', {
added: mergeResult.changes.added.length, added: mergeResult.changes.added.length,
removed: mergeResult.changes.removed.length, removed: mergeResult.changes.removed.length,
@@ -526,6 +527,8 @@ export const ModerationQueue = forwardRef<ModerationQueueRef>((props, ref) => {
} else { } else {
// Manual refresh: Use smart comparison even for non-silent refreshes // Manual refresh: Use smart comparison even for non-silent refreshes
console.log('🔄 Manual refresh - checking for changes'); console.log('🔄 Manual refresh - checking for changes');
console.log('📊 Before merge - itemsRef.current has', itemsRef.current.length, 'items');
console.log('📊 New data from DB has', moderationItems.length, 'items');
const mergeResult = smartMergeArray(itemsRef.current, moderationItems, { const mergeResult = smartMergeArray(itemsRef.current, moderationItems, {
compareFields: ['status', 'content', 'reviewed_at', 'reviewed_by', 'reviewer_notes', 'assigned_to', 'locked_until'], compareFields: ['status', 'content', 'reviewed_at', 'reviewed_by', 'reviewer_notes', 'assigned_to', 'locked_until'],
@@ -533,9 +536,18 @@ export const ModerationQueue = forwardRef<ModerationQueueRef>((props, ref) => {
addToTop: false, addToTop: false,
}); });
console.log('📊 Merge result:', {
hasChanges: mergeResult.hasChanges,
added: mergeResult.changes.added.length,
removed: mergeResult.changes.removed.length,
updated: mergeResult.changes.updated.length,
finalCount: mergeResult.items.length,
});
if (mergeResult.hasChanges) { if (mergeResult.hasChanges) {
// Update ref BEFORE setState to prevent race conditions
itemsRef.current = mergeResult.items;
setItems(mergeResult.items); setItems(mergeResult.items);
itemsRef.current = mergeResult.items; // Update ref immediately to prevent stale comparisons
console.log('🔄 Queue updated (manual refresh):', { console.log('🔄 Queue updated (manual refresh):', {
added: mergeResult.changes.added.length, added: mergeResult.changes.added.length,
removed: mergeResult.changes.removed.length, removed: mergeResult.changes.removed.length,