From 4e7d528c64841895972bd60961b2d0d9c49b465b Mon Sep 17 00:00:00 2001
From: "gpt-engineer-app[bot]"
 <159125892+gpt-engineer-app[bot]@users.noreply.github.com>
Date: Wed, 15 Oct 2025 17:03:28 +0000
Subject: [PATCH] Fix underscore display in submission types

---
 src/components/moderation/QueueItem.tsx | 3 ++-
 src/hooks/useModerationQueue.ts         | 4 +++-
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/components/moderation/QueueItem.tsx b/src/components/moderation/QueueItem.tsx
index b58f3818..a152b191 100644
--- a/src/components/moderation/QueueItem.tsx
+++ b/src/components/moderation/QueueItem.tsx
@@ -4,6 +4,7 @@ import { usePhotoSubmissionItems } from '@/hooks/usePhotoSubmissionItems';
 import { PhotoGrid } from '@/components/common/PhotoGrid';
 import { normalizePhotoData } from '@/lib/photoHelpers';
 import type { PhotoItem } from '@/types/photos';
+import { getSubmissionTypeLabel } from '@/lib/moderation/entities';
 import { Button } from '@/components/ui/button';
 import { Badge } from '@/components/ui/badge';
 import { Card, CardContent, CardHeader } from '@/components/ui/card';
@@ -383,7 +384,7 @@ export const QueueItem = memo(({
                     <div className="text-sm space-y-2">
                       <div>
                         <span className="text-muted-foreground">Type:</span>{' '}
-                        <span className="font-medium">{item.submission_type}</span>
+                        <span className="font-medium">{getSubmissionTypeLabel(item.submission_type)}</span>
                       </div>
                       {item.submission_items && item.submission_items.length > 0 && (
                         <div>
diff --git a/src/hooks/useModerationQueue.ts b/src/hooks/useModerationQueue.ts
index 26d90d74..9139c4f1 100644
--- a/src/hooks/useModerationQueue.ts
+++ b/src/hooks/useModerationQueue.ts
@@ -2,6 +2,7 @@ import { useState, useEffect, useCallback, useRef } from 'react';
 import { supabase } from '@/integrations/supabase/client';
 import { useAuth } from './useAuth';
 import { useToast } from './use-toast';
+import { getSubmissionTypeLabel } from '@/lib/moderation/entities';
 
 interface QueuedSubmission {
   submission_id: string;
@@ -327,9 +328,10 @@ export const useModerationQueue = (config?: UseModerationQueueConfig) => {
 
       // Enhanced toast with submission type
       const submissionType = submission?.submission_type || 'submission';
+      const formattedType = getSubmissionTypeLabel(submissionType);
       toast({
         title: '✅ Submission Claimed',
-        description: `${submissionType.charAt(0).toUpperCase() + submissionType.slice(1)} locked for 15 minutes. Start reviewing now.`,
+        description: `${formattedType} locked for 15 minutes. Start reviewing now.`,
         duration: 4000,
       });