Fix: Resolve type errors in homepage components

This commit is contained in:
gpt-engineer-app[bot]
2025-11-03 02:04:14 +00:00
parent c4b1339f0d
commit 007494d21c
4 changed files with 67 additions and 67 deletions

View File

@@ -112,11 +112,11 @@ export function DesignerCard({ company }: DesignerCardProps) {
)}
</div>
{company.average_rating > 0 && (
{company.average_rating && company.average_rating > 0 && (
<div className="inline-flex items-center gap-1">
<Star className="w-4 h-4 fill-yellow-500 text-yellow-500" />
<span className="font-semibold">{company.average_rating.toFixed(1)}</span>
{company.review_count > 0 && (
{company.review_count && company.review_count > 0 && (
<span className="text-muted-foreground">({company.review_count})</span>
)}
</div>

View File

@@ -71,7 +71,7 @@ export function FeaturedParks() {
{/* Rating Badge */}
<Badge className="absolute top-3 right-3 bg-background/90 text-foreground border-0">
<Star className="w-3 h-3 mr-1 fill-yellow-400 text-yellow-400" />
{park.average_rating.toFixed(1)}
{park.average_rating ? park.average_rating.toFixed(1) : 'N/A'}
</Badge>
</div>

View File

@@ -43,7 +43,7 @@ export function ManufacturerCard({ company }: ManufacturerCardProps) {
<div className="aspect-[3/2] relative bg-gradient-to-br from-primary/20 via-primary/10 to-transparent overflow-hidden">
{(company.card_image_url || company.card_image_id) ? (
<img
src={company.card_image_url || getCloudflareImageUrl(company.card_image_id, 'card')}
src={company.card_image_url || (company.card_image_id ? getCloudflareImageUrl(company.card_image_id, 'card') : undefined)}
srcSet={company.card_image_id ? `
${getCloudflareImageUrl(company.card_image_id, 'cardthumb')} 600w,
${getCloudflareImageUrl(company.card_image_id, 'card')} 1200w
@@ -143,11 +143,11 @@ export function ManufacturerCard({ company }: ManufacturerCardProps) {
)}
</div>
{company.average_rating > 0 && (
{company.average_rating && company.average_rating > 0 && (
<div className="inline-flex items-center gap-1">
<Star className="w-4 h-4 fill-yellow-500 text-yellow-500" />
<span className="font-semibold">{company.average_rating.toFixed(1)}</span>
{company.review_count > 0 && (
{company.review_count && company.review_count > 0 && (
<span className="text-muted-foreground">({company.review_count})</span>
)}
</div>