pacnpal/thrilltrack-explorer
1
0
Fork 0
mirror of https://github.com/pacnpal/thrilltrack-explorer.git synced 2025-12-23 14:11:13 -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

26
src/components/moderation/displays/RichCompanyDisplay.tsx
View File

@@ -142,11 +142,21 @@ export function RichCompanyDisplay({ data, actionType, showAllFields = true }: R
)}
{/* Images Preview */}
{(data.banner_image_url || data.card_image_url) && (
{(data.logo_url || data.banner_image_url || data.card_image_url) && (
<div className="space-y-2">
<Separator />
<div className="text-sm font-semibold">Images</div>
<div className="grid grid-cols-2 gap-2">
{data.logo_url && (
<div className="space-y-1">
<img
src={data.logo_url}
alt="Logo"
className="w-full h-24 object-contain bg-muted rounded border p-2"
/>
<div className="text-xs text-center text-muted-foreground">Logo</div>
</div>
)}
{data.banner_image_url && (
<div className="space-y-1">
<img
@@ -154,7 +164,12 @@ export function RichCompanyDisplay({ data, actionType, showAllFields = true }: R
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 && (
@@ -164,7 +179,12 @@ export function RichCompanyDisplay({ data, actionType, showAllFields = true }: R
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>