Fix moderation status update

src/components/moderation/ModerationQueue.tsx

@@ -209,25 +209,37 @@ export function ModerationQueue() {
         updateData.reviewer_notes = moderatorNotes;
       }
 
-      const { error } = await supabase
+      console.log('Updating item:', item.id, 'with data:', updateData);
+
+      const { error, data } = await supabase
         .from(table)
         .update(updateData)
-        .eq('id', item.id);
+        .eq('id', item.id)
+        .select();
 
-      if (error) throw error;
+      if (error) {
+        console.error('Database update error:', error);
+        throw error;
+      }
+
+      console.log('Update successful:', data);
 
       toast({
         title: `Content ${action}`,
         description: `The ${item.type} has been ${action}`,
       });
 
-      // Remove item from queue if it's no longer in the active filter
+      // Update the local state immediately
-      if (activeStatusFilter === 'pending' || activeStatusFilter === 'flagged') {
+      setItems(prev => prev.map(i => 
-        setItems(prev => prev.filter(i => i.id !== item.id));
+        i.id === item.id 
-      } else {
+          ? { ...i, status: action }
-        // Refresh the queue to show updated status
+          : i
+      ));
+
+      // Also refresh the queue after a short delay to ensure consistency
+      setTimeout(() => {
         fetchItems(activeEntityFilter, activeStatusFilter);
-      }
+      }, 500);
       
       // Clear notes
       setNotes(prev => {
@@ -239,7 +251,7 @@ export function ModerationQueue() {
       console.error('Error moderating content:', error);
       toast({
         title: "Error",
-        description: `Failed to ${action} content`,
+        description: `Failed to ${action} content: ${error.message}`,
         variant: "destructive",
       });
     } finally {