Fix moderation queue issues

src/components/moderation/QueueItem.tsx

@@ -286,7 +286,7 @@ export const QueueItem = memo(({
                   </div>
                   <div className="flex items-center gap-2">
                     <Avatar className="h-8 w-8">
-                      <AvatarImage src={item.user_profile.avatar_url} />
+                      <AvatarImage src={item.user_profile.avatar_url ?? undefined} />
                       <AvatarFallback className="text-xs">
                         {(item.user_profile.display_name || item.user_profile.username)?.slice(0, 2).toUpperCase()}
                       </AvatarFallback>

src/components/moderation/renderers/QueueItemContext.tsx

@@ -42,7 +42,7 @@ export const QueueItemContext = memo(({ item }: QueueItemContextProps) => {
           </div>
           <div className="flex items-center gap-2">
             <Avatar className="h-8 w-8">
-              <AvatarImage src={item.user_profile.avatar_url} />
+              <AvatarImage src={item.user_profile.avatar_url ?? undefined} />
               <AvatarFallback className="text-xs">
                 {(item.user_profile.display_name || item.user_profile.username)?.slice(0, 2).toUpperCase()}
               </AvatarFallback>

src/integrations/supabase/types.ts

@@ -4798,22 +4798,26 @@ export type Database = {
       }
       moderation_queue_with_entities: {
         Row: {
+          assigned_at: string | null
           assigned_profile: Json | null
           assigned_to: string | null
+          content: Json | null
+          created_at: string | null
           escalated: boolean | null
+          escalated_at: string | null
           escalation_reason: string | null
           id: string | null
           is_test_data: boolean | null
           locked_until: string | null
-          review_notes: string | null
           reviewed_at: string | null
           reviewed_by: string | null
+          reviewer_notes: string | null
           reviewer_profile: Json | null
           status: string | null
           submission_items: Json | null
           submission_type: string | null
           submitted_at: string | null
-          submitted_by: string | null
+          submitter_id: string | null
           submitter_profile: Json | null
         }
         Relationships: [
@@ -4847,14 +4851,14 @@ export type Database = {
           },
           {
             foreignKeyName: "content_submissions_user_id_fkey"
-            columns: ["submitted_by"]
+            columns: ["submitter_id"]
             isOneToOne: false
             referencedRelation: "filtered_profiles"
             referencedColumns: ["user_id"]
           },
           {
             foreignKeyName: "content_submissions_user_id_fkey"
-            columns: ["submitted_by"]
+            columns: ["submitter_id"]
             isOneToOne: false
             referencedRelation: "profiles"
             referencedColumns: ["user_id"]

src/lib/moderation/realtime.ts

@@ -163,15 +163,40 @@ export function buildModerationItem(
     id: submission.id,
     type: 'content_submission',
     content: submission.content,
-    created_at: submission.created_at,
-    user_id: submission.user_id,
+    
+    // Handle both created_at (from view) and submitted_at (from realtime)
+    created_at: submission.created_at || submission.submitted_at,
+    submitted_at: submission.submitted_at,
+    
+    // Support both user_id and submitter_id
+    user_id: submission.user_id || submission.submitter_id,
+    submitter_id: submission.submitter_id || submission.user_id,
+    
     status: submission.status,
     submission_type: submission.submission_type,
-    user_profile: profile ? {
+    
+    // Use new profile structure from view if available
+    submitter_profile: submission.submitter_profile || (profile ? {
+      user_id: submission.user_id || submission.submitter_id,
       username: profile.username,
       display_name: profile.display_name,
       avatar_url: profile.avatar_url,
-    } : undefined,
+    } : undefined),
+    
+    reviewer_profile: submission.reviewer_profile,
+    assigned_profile: submission.assigned_profile,
+    
+    // Legacy support: create user_profile from submitter_profile
+    user_profile: submission.submitter_profile ? {
+      username: submission.submitter_profile.username,
+      display_name: submission.submitter_profile.display_name,
+      avatar_url: submission.submitter_profile.avatar_url,
+    } : (profile ? {
+      username: profile.username,
+      display_name: profile.display_name,
+      avatar_url: profile.avatar_url,
+    } : undefined),
+    
     entity_name: entityName || (submission.content as SubmissionContent)?.name || 'Unknown',
     park_name: parkName,
     reviewed_at: submission.reviewed_at || undefined,

src/lib/moderation/validation.ts

@@ -8,8 +8,16 @@
 import { z } from 'zod';
 import { logger } from '@/lib/logger';
 
-// Profile schema
+// Profile schema (matches database JSONB structure)
 const ProfileSchema = z.object({
+  user_id: z.string().uuid(),
+  username: z.string(),
+  display_name: z.string().optional().nullable(),
+  avatar_url: z.string().optional().nullable(),
+});
+
+// Legacy profile schema (for backward compatibility)
+const LegacyProfileSchema = z.object({
   username: z.string(),
   display_name: z.string().optional().nullable(),
   avatar_url: z.string().optional().nullable(),
@@ -31,19 +39,42 @@ export const ModerationItemSchema = z.object({
   status: z.enum(['pending', 'approved', 'rejected', 'partially_approved', 'flagged']),
   type: z.string(),
   submission_type: z.string(),
+  
+  // Accept both created_at and submitted_at for flexibility
   created_at: z.string(),
+  submitted_at: z.string().optional(),
   updated_at: z.string().optional().nullable(),
+  reviewed_at: z.string().optional().nullable(),
+  
   content: z.record(z.string(), z.any()),
-  submitter_id: z.string().uuid(),
+  
+  // User fields (support both old and new naming)
+  submitter_id: z.string().uuid().optional(),
+  user_id: z.string().uuid().optional(),
+  
   assigned_to: z.string().uuid().optional().nullable(),
   locked_until: z.string().optional().nullable(),
-  reviewed_at: z.string().optional().nullable(),
   reviewed_by: z.string().uuid().optional().nullable(),
   reviewer_notes: z.string().optional().nullable(),
-  submission_items: z.array(SubmissionItemSchema).optional(),
+  
+  // Escalation fields
+  escalated: z.boolean().optional().default(false),
+  escalation_reason: z.string().optional().nullable(),
+  
+  // Profile objects (new structure from view)
   submitter_profile: ProfileSchema.optional().nullable(),
   assigned_profile: ProfileSchema.optional().nullable(),
   reviewer_profile: ProfileSchema.optional().nullable(),
+  
+  // Legacy profile support
+  user_profile: LegacyProfileSchema.optional().nullable(),
+  
+  // Submission items
+  submission_items: z.array(SubmissionItemSchema).optional(),
+  
+  // Entity names
+  entity_name: z.string().optional(),
+  park_name: z.string().optional(),
 });
 
 export const ModerationItemArraySchema = z.array(ModerationItemSchema);

src/types/moderation.ts

@@ -161,10 +161,10 @@ export interface ModerationItem {
   /** Raw content data (structure varies by type) */
   content: any;
   
-  /** Timestamp when the item was created */
+  /** Timestamp when the item was created (primary field) */
   created_at: string;
   
-  /** Timestamp when the item was submitted */
+  /** Timestamp when the item was submitted (same as created_at) */
   submitted_at?: string;
   
   /** Timestamp when the item was last updated */
@@ -173,13 +173,40 @@ export interface ModerationItem {
   /** ID of the user who submitted this item */
   user_id: string;
   
+  /** ID of the submitter (from view, same as user_id) */
+  submitter_id?: string;
+  
   /** Current status of the item */
   status: string;
   
   /** Type of submission (e.g., 'park', 'ride', 'review') */
   submission_type?: string;
   
-  /** Pre-loaded submitter profile from view */
+  /** Pre-loaded submitter profile from view (new structure) */
+  submitter_profile?: {
+    user_id: string;
+    username: string;
+    display_name?: string | null;
+    avatar_url?: string | null;
+  };
+  
+  /** Pre-loaded reviewer profile from view (new structure) */
+  reviewer_profile?: {
+    user_id: string;
+    username: string;
+    display_name?: string | null;
+    avatar_url?: string | null;
+  };
+  
+  /** Pre-loaded assigned moderator profile from view */
+  assigned_profile?: {
+    user_id: string;
+    username: string;
+    display_name?: string | null;
+    avatar_url?: string | null;
+  };
+  
+  /** Legacy: Submitter (old field name for backward compatibility) */
   submitter?: {
     user_id: string;
     username: string;
@@ -187,7 +214,7 @@ export interface ModerationItem {
     avatar_url?: string;
   };
   
-  /** Pre-loaded reviewer profile from view */
+  /** Legacy: Reviewer (old field name for backward compatibility) */
   reviewer?: {
     user_id: string;
     username: string;
@@ -198,8 +225,8 @@ export interface ModerationItem {
   /** Legacy: Profile information of the submitting user */
   user_profile?: {
     username: string;
-    display_name?: string;
-    avatar_url?: string;
+    display_name?: string | null;
+    avatar_url?: string | null;
   };
   
   /** Display name of the entity being modified */
@@ -220,13 +247,6 @@ export interface ModerationItem {
   /** Notes left by the reviewing moderator */
   reviewer_notes?: string;
   
-  /** Legacy: Profile information of the reviewing moderator */
-  reviewer_profile?: {
-    username: string;
-    display_name?: string;
-    avatar_url?: string;
-  };
-  
   /** Whether this submission has been escalated for senior review */
   escalated?: boolean;