Fix image display for all entities

This commit is contained in:
gpt-engineer-app[bot]
2025-10-02 15:04:29 +00:00
parent 94c60f1821
commit 41d6cb8771
10 changed files with 141 additions and 79 deletions

View File

@@ -133,7 +133,13 @@ export default function DesignerDetail() {
{/* Hero Section */}
<div className="relative mb-8">
<div className="aspect-[21/9] bg-gradient-to-br from-primary/20 via-secondary/20 to-accent/20 rounded-lg overflow-hidden relative">
{designer.logo_url ? (
{(designer.banner_image_url || designer.banner_image_id) ? (
<img
src={designer.banner_image_url || `https://imagedelivery.net/X-2-mmiWukWxvAQQ2_o-7Q/${designer.banner_image_id}/public`}
alt={designer.name}
className="w-full h-full object-cover"
/>
) : designer.logo_url ? (
<div className="flex items-center justify-center h-full bg-background/90">
<img
src={designer.logo_url}

View File

@@ -135,7 +135,13 @@ export default function ManufacturerDetail() {
{/* Hero Section */}
<div className="relative mb-4 md:mb-8">
<div className="aspect-[16/9] md:aspect-[21/9] bg-gradient-to-br from-primary/20 via-secondary/20 to-accent/20 rounded-lg overflow-hidden relative">
{manufacturer.logo_url ? (
{(manufacturer.banner_image_url || manufacturer.banner_image_id) ? (
<img
src={manufacturer.banner_image_url || `https://imagedelivery.net/X-2-mmiWukWxvAQQ2_o-7Q/${manufacturer.banner_image_id}/public`}
alt={manufacturer.name}
className="w-full h-full object-cover"
/>
) : manufacturer.logo_url ? (
<div className="flex items-center justify-center h-full bg-background/90">
<img
src={manufacturer.logo_url}

View File

@@ -133,7 +133,13 @@ export default function OperatorDetail() {
{/* Hero Section */}
<div className="relative mb-8">
<div className="aspect-[21/9] bg-gradient-to-br from-primary/20 via-secondary/20 to-accent/20 rounded-lg overflow-hidden relative">
{operator.logo_url ? (
{(operator.banner_image_url || operator.banner_image_id) ? (
<img
src={operator.banner_image_url || `https://imagedelivery.net/X-2-mmiWukWxvAQQ2_o-7Q/${operator.banner_image_id}/public`}
alt={operator.name}
className="w-full h-full object-cover"
/>
) : operator.logo_url ? (
<div className="flex items-center justify-center h-full bg-background/90">
<img
src={operator.logo_url}

View File

@@ -133,7 +133,13 @@ export default function PropertyOwnerDetail() {
{/* Hero Section */}
<div className="relative mb-8">
<div className="aspect-[21/9] bg-gradient-to-br from-primary/20 via-secondary/20 to-accent/20 rounded-lg overflow-hidden relative">
{owner.logo_url ? (
{(owner.banner_image_url || owner.banner_image_id) ? (
<img
src={owner.banner_image_url || `https://imagedelivery.net/X-2-mmiWukWxvAQQ2_o-7Q/${owner.banner_image_id}/public`}
alt={owner.name}
className="w-full h-full object-cover"
/>
) : owner.logo_url ? (
<div className="flex items-center justify-center h-full bg-background/90">
<img
src={owner.logo_url}

View File

@@ -217,9 +217,9 @@ export default function RideDetail() {
{/* Hero Section */}
<div className="relative mb-8">
<div className="aspect-[21/9] bg-gradient-to-br from-primary/20 via-secondary/20 to-accent/20 rounded-lg overflow-hidden relative">
{(ride.banner_image_url || ride.card_image_url || ride.image_url) ? (
{(ride.banner_image_url || ride.banner_image_id) ? (
<img
src={ride.banner_image_url || ride.card_image_url || ride.image_url}
src={ride.banner_image_url || `https://imagedelivery.net/X-2-mmiWukWxvAQQ2_o-7Q/${ride.banner_image_id}/public`}
alt={ride.name}
className="w-full h-full object-cover"
/>