From 94f4f82dd24609ac848ffa21f168a8ce77b23765 Mon Sep 17 00:00:00 2001
From: "gpt-engineer-app[bot]"
 <159125892+gpt-engineer-app[bot]@users.noreply.github.com>
Date: Mon, 29 Sep 2025 13:19:42 +0000
Subject: [PATCH] Refactor: Conditionally display park stats

---
 src/components/parks/ParkCard.tsx | 20 ++++++++++++--------
 1 file changed, 12 insertions(+), 8 deletions(-)

diff --git a/src/components/parks/ParkCard.tsx b/src/components/parks/ParkCard.tsx
index db6808be..632219f6 100644
--- a/src/components/parks/ParkCard.tsx
+++ b/src/components/parks/ParkCard.tsx
@@ -89,14 +89,18 @@ export function ParkCard({ park }: ParkCardProps) {
           {/* Stats */}
           <div className="flex items-center justify-between text-sm">
             <div className="flex items-center gap-4">
-              <div className="flex items-center gap-1">
-                <span className="text-primary font-medium">{park.ride_count}</span>
-                <span className="text-muted-foreground">rides</span>
-              </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>
+              {park.ride_count > 0 && (
+                <div className="flex items-center gap-1">
+                  <span className="text-primary font-medium">{park.ride_count}</span>
+                  <span className="text-muted-foreground">rides</span>
+                </div>
+              )}
+              {park.coaster_count > 0 && (
+                <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>
             
             {park.average_rating > 0 && <div className="flex items-center gap-1">