feat: Enhance moderation queue preview

This commit is contained in:
gpt-engineer-app[bot]
2025-10-02 14:50:49 +00:00
parent 36603cdb80
commit 17c32edd9e
2 changed files with 197 additions and 14 deletions

View File

@@ -16,6 +16,7 @@ import { PhotoModal } from './PhotoModal';
import { SubmissionReviewManager } from './SubmissionReviewManager';
import { useRealtimeSubmissions } from '@/hooks/useRealtimeSubmissions';
import { useIsMobile } from '@/hooks/use-mobile';
import { EntityEditPreview } from './EntityEditPreview';
interface ModerationItem {
id: string;
@@ -1332,20 +1333,11 @@ export const ModerationQueue = forwardRef<ModerationQueueRef>((props, ref) => {
item.submission_type === 'property_owner' ||
item.submission_type === 'park' ||
item.submission_type === 'ride') ? (
<div>
<div className="text-sm text-muted-foreground mb-3 flex items-center gap-2">
<Badge variant="outline" className="capitalize">
{item.submission_type}
</Badge>
<Badge variant={item.content.action === 'create' ? 'default' : 'secondary'}>
{item.content.action === 'create' ? 'New' : 'Edit'}
</Badge>
</div>
<div className="text-sm text-muted-foreground mb-2">
This is a complex submission with items. Click "Review Items" to see details.
</div>
</div>
<EntityEditPreview
submissionId={item.id}
entityType={item.submission_type}
entityName={item.content.name || item.entity_name}
/>
) : (
<div>
<div className="text-sm text-muted-foreground mb-2">