Fix moderation queue photo display

This commit is contained in:
gpt-engineer-app[bot]
2025-09-29 01:50:15 +00:00
parent d5eb1f0563
commit 13059cb0c2

View File

@@ -591,18 +591,18 @@ export const ModerationQueue = forwardRef<ModerationQueueRef>((props, ref) => {
)}
{/* Submission Caption */}
{item.content.caption && (
{item.content.content?.caption && (
<div className="mb-3">
<div className="text-sm font-medium mb-1">Caption:</div>
<p className="text-sm">{item.content.caption}</p>
<p className="text-sm">{item.content.content.caption}</p>
</div>
)}
{/* Photos */}
{item.content.photos && item.content.photos.length > 0 ? (
{item.content.content?.photos && item.content.content.photos.length > 0 ? (
<div className="space-y-4">
<div className="text-sm font-medium">Photos ({item.content.photos.length}):</div>
{item.content.photos.map((photo: any, index: number) => (
<div className="text-sm font-medium">Photos ({item.content.content.photos.length}):</div>
{item.content.content.photos.map((photo: any, index: number) => (
<div key={index} className="border rounded-lg p-3 space-y-2">
<div className="relative min-h-[100px] bg-muted/30 rounded border overflow-hidden">
<img
@@ -660,22 +660,22 @@ export const ModerationQueue = forwardRef<ModerationQueueRef>((props, ref) => {
)}
{/* Context Information */}
{item.content.context && (
{item.content.content?.context && (
<div className="mt-3 pt-3 border-t text-xs text-muted-foreground">
<div className="flex justify-between">
<span className="font-medium">Context:</span>
<span className="capitalize">{item.content.context}</span>
<span className="capitalize">{item.content.content.context}</span>
</div>
{item.content.ride_id && (
{item.content.content.ride_id && (
<div className="flex justify-between">
<span className="font-medium">Ride ID:</span>
<span className="font-mono">{item.content.ride_id}</span>
<span className="font-mono">{item.content.content.ride_id}</span>
</div>
)}
{item.content.park_id && (
{item.content.content.park_id && (
<div className="flex justify-between">
<span className="font-medium">Park ID:</span>
<span className="font-mono">{item.content.park_id}</span>
<span className="font-mono">{item.content.content.park_id}</span>
</div>
)}
</div>