Refactor: Conditionally display park stats

This commit is contained in:
gpt-engineer-app[bot]
2025-09-29 13:19:42 +00:00
parent a7dbc3c449
commit 94f4f82dd2

View File

@@ -89,14 +89,18 @@ export function ParkCard({ park }: ParkCardProps) {
{/* Stats */} {/* Stats */}
<div className="flex items-center justify-between text-sm"> <div className="flex items-center justify-between text-sm">
<div className="flex items-center gap-4"> <div className="flex items-center gap-4">
<div className="flex items-center gap-1"> {park.ride_count > 0 && (
<span className="text-primary font-medium">{park.ride_count}</span> <div className="flex items-center gap-1">
<span className="text-muted-foreground">rides</span> <span className="text-primary font-medium">{park.ride_count}</span>
</div> <span className="text-muted-foreground">rides</span>
<div className="flex items-center gap-1"> </div>
<span className="text-accent font-medium">{park.coaster_count}</span> )}
<FerrisWheel className="w-3 h-3 text-muted-foreground" /> {park.coaster_count > 0 && (
</div> <div className="flex items-center gap-1">
<span className="text-accent font-medium">{park.coaster_count}</span>
<FerrisWheel className="w-3 h-3 text-muted-foreground" />
</div>
)}
</div> </div>
{park.average_rating > 0 && <div className="flex items-center gap-1"> {park.average_rating > 0 && <div className="flex items-center gap-1">