Fix: Standardize card fields for consistency

This commit is contained in:
gpt-engineer-app[bot]
2025-10-17 22:29:05 +00:00
parent ebd0f0fd56
commit 8f47dd899f
7 changed files with 88 additions and 79 deletions

View File

@@ -89,7 +89,7 @@ const OperatorCard = ({ company }: OperatorCardProps) => {
{company.headquarters_location && (
<div className="flex items-center gap-1">
<MapPin className="w-3 h-3 text-muted-foreground" />
<MapPin className="w-3 h-3" />
<span className="text-muted-foreground truncate">
{company.headquarters_location}
</span>
@@ -97,17 +97,9 @@ const OperatorCard = ({ company }: OperatorCardProps) => {
)}
</div>
{/* Rating */}
{company.average_rating > 0 && (
<div className="flex items-center gap-1">
<Star className="w-4 h-4 fill-yellow-400 text-yellow-400" />
<span className="text-sm font-medium">{company.average_rating.toFixed(1)}</span>
<span className="text-xs text-muted-foreground">({company.review_count} reviews)</span>
</div>
)}
{/* Park Count Stats */}
<div className="flex flex-wrap gap-x-4 gap-y-1 text-sm">
<div className="flex items-center justify-between text-sm">
<div className="flex flex-wrap gap-x-4 gap-y-1">
{company.park_count && company.park_count > 0 && (
<div className="flex items-center gap-1">
<Building className="w-3 h-3 text-muted-foreground" />
@@ -115,6 +107,17 @@ const OperatorCard = ({ company }: OperatorCardProps) => {
<span className="text-muted-foreground">parks operated</span>
</div>
)}
</div>
{company.average_rating > 0 && (
<div className="flex items-center gap-1">
<Star className="w-3 h-3 fill-yellow-400 text-yellow-400" />
<span className="text-sm font-medium">{company.average_rating.toFixed(1)}</span>
{company.review_count > 0 && (
<span className="text-xs text-muted-foreground">({company.review_count})</span>
)}
</div>
)}
</div>
</CardContent>
</Card>