pacnpal/thrilltrack-explorer
1
0
Fork 0
mirror of https://github.com/pacnpal/thrilltrack-explorer.git synced 2025-12-28 22:47:00 -05:00
Code Issues Packages Projects Releases Wiki Activity

Implement Phase 2 display enhancements

Browse Source
This commit is contained in:
gpt-engineer-app[bot]
2025-11-04 01:48:11 +00:00
parent c0587f2f18
commit 9b1964d634
5 changed files with 658 additions and 59 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
src/components/moderation/displays/RichParkDisplay.tsx
View File

@@ -111,6 +111,30 @@ export function RichParkDisplay({ data, actionType, showAllFields = true }: Rich
{/* Key Information Grid */}
<div className="grid grid-cols-1 md:grid-cols-2 gap-3">
{/* Contact Information */}
{(data.phone || data.email) && (
<div className="bg-muted/50 rounded-lg p-3">
<div className="flex items-center gap-2 mb-2">
<Globe className="h-4 w-4 text-muted-foreground" />
<span className="text-sm font-semibold">Contact</span>
</div>
<div className="text-sm space-y-1 ml-6">
{data.phone && (
<div>
<span className="text-muted-foreground">Phone:</span>{' '}
<a href={`tel:${data.phone}`} className="font-medium hover:underline">{data.phone}</a>
</div>
)}
{data.email && (
<div>
<span className="text-muted-foreground">Email:</span>{' '}
<a href={`mailto:${data.email}`} className="font-medium hover:underline">{data.email}</a>
</div>
)}
</div>
</div>
)}
{/* Dates */}
{(data.opening_date || data.closing_date) && (
<div className="bg-muted/50 rounded-lg p-3">
@@ -231,7 +255,12 @@ export function RichParkDisplay({ data, actionType, showAllFields = true }: Rich
alt="Banner"
className="w-full h-24 object-cover rounded border"
/>
<div className="text-xs text-center text-muted-foreground">Banner</div>
<div className="text-xs text-center text-muted-foreground">
Banner
{data.banner_image_id && (
<span className="block font-mono text-[10px] mt-0.5">ID: {data.banner_image_id.slice(0, 8)}...</span>
)}
</div>
</div>
)}
{data.card_image_url && (
@@ -241,7 +270,12 @@ export function RichParkDisplay({ data, actionType, showAllFields = true }: Rich
alt="Card"
className="w-full h-24 object-cover rounded border"
/>
<div className="text-xs text-center text-muted-foreground">Card</div>
<div className="text-xs text-center text-muted-foreground">
Card
{data.card_image_id && (
<span className="block font-mono text-[10px] mt-0.5">ID: {data.card_image_id.slice(0, 8)}...</span>
)}
</div>
</div>
)}
</div>