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