Fix underscore display in submission types

This commit is contained in:
gpt-engineer-app[bot]
2025-10-15 17:03:28 +00:00
parent 847711b61e
commit 4e7d528c64
2 changed files with 5 additions and 2 deletions

View File

@@ -4,6 +4,7 @@ import { usePhotoSubmissionItems } from '@/hooks/usePhotoSubmissionItems';
import { PhotoGrid } from '@/components/common/PhotoGrid'; import { PhotoGrid } from '@/components/common/PhotoGrid';
import { normalizePhotoData } from '@/lib/photoHelpers'; import { normalizePhotoData } from '@/lib/photoHelpers';
import type { PhotoItem } from '@/types/photos'; import type { PhotoItem } from '@/types/photos';
import { getSubmissionTypeLabel } from '@/lib/moderation/entities';
import { Button } from '@/components/ui/button'; import { Button } from '@/components/ui/button';
import { Badge } from '@/components/ui/badge'; import { Badge } from '@/components/ui/badge';
import { Card, CardContent, CardHeader } from '@/components/ui/card'; import { Card, CardContent, CardHeader } from '@/components/ui/card';
@@ -383,7 +384,7 @@ export const QueueItem = memo(({
<div className="text-sm space-y-2"> <div className="text-sm space-y-2">
<div> <div>
<span className="text-muted-foreground">Type:</span>{' '} <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> </div>
{item.submission_items && item.submission_items.length > 0 && ( {item.submission_items && item.submission_items.length > 0 && (
<div> <div>

View File

@@ -2,6 +2,7 @@ import { useState, useEffect, useCallback, useRef } from 'react';
import { supabase } from '@/integrations/supabase/client'; import { supabase } from '@/integrations/supabase/client';
import { useAuth } from './useAuth'; import { useAuth } from './useAuth';
import { useToast } from './use-toast'; import { useToast } from './use-toast';
import { getSubmissionTypeLabel } from '@/lib/moderation/entities';
interface QueuedSubmission { interface QueuedSubmission {
submission_id: string; submission_id: string;
@@ -327,9 +328,10 @@ export const useModerationQueue = (config?: UseModerationQueueConfig) => {
// Enhanced toast with submission type // Enhanced toast with submission type
const submissionType = submission?.submission_type || 'submission'; const submissionType = submission?.submission_type || 'submission';
const formattedType = getSubmissionTypeLabel(submissionType);
toast({ toast({
title: '✅ Submission Claimed', 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, duration: 4000,
}); });