From 7f2a3b8d449c01a3588926505e460e8cf35166ed Mon Sep 17 00:00:00 2001
From: "gpt-engineer-app[bot]"
 <159125892+gpt-engineer-app[bot]@users.noreply.github.com>
Date: Fri, 10 Oct 2025 00:58:03 +0000
Subject: [PATCH] Handle null values in stat cards

---
 src/pages/RideDetail.tsx | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/pages/RideDetail.tsx b/src/pages/RideDetail.tsx
index 35c0ae43..393f46b5 100644
--- a/src/pages/RideDetail.tsx
+++ b/src/pages/RideDetail.tsx
@@ -290,7 +290,7 @@ export default function RideDetail() {
         {/* Quick Stats */}
         <div className="max-w-6xl mx-auto mb-8">
           <div className="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-5 xl:grid-cols-6 2xl:grid-cols-7 3xl:grid-cols-8 gap-3 lg:gap-4">
-          {ride.max_speed_kmh && (
+          {ride.max_speed_kmh !== null && ride.max_speed_kmh !== undefined && ride.max_speed_kmh > 0 && (
             <Card>
               <CardContent className="p-4 text-center">
                 <Zap className="w-6 h-6 text-primary mx-auto mb-2" />
@@ -301,7 +301,7 @@ export default function RideDetail() {
             </Card>
           )}
           
-          {ride.max_height_meters && (
+          {ride.max_height_meters !== null && ride.max_height_meters !== undefined && ride.max_height_meters > 0 && (
             <Card>
               <CardContent className="p-4 text-center">
                 <TrendingUp className="w-6 h-6 text-accent mx-auto mb-2" />
@@ -312,7 +312,7 @@ export default function RideDetail() {
             </Card>
           )}
           
-          {ride.length_meters && (
+          {ride.length_meters !== null && ride.length_meters !== undefined && ride.length_meters > 0 && (
             <Card>
               <CardContent className="p-4 text-center">
                 <Ruler className="w-6 h-6 text-secondary mx-auto mb-2" />
@@ -324,7 +324,7 @@ export default function RideDetail() {
             </Card>
           )}
           
-          {ride.duration_seconds && (
+          {ride.duration_seconds !== null && ride.duration_seconds !== undefined && ride.duration_seconds > 0 && (
             <Card>
               <CardContent className="p-4 text-center">
                 <Timer className="w-6 h-6 text-primary mx-auto mb-2" />
@@ -334,7 +334,7 @@ export default function RideDetail() {
             </Card>
           )}
           
-          {ride.capacity_per_hour && (
+          {ride.capacity_per_hour !== null && ride.capacity_per_hour !== undefined && ride.capacity_per_hour > 0 && (
             <Card>
               <CardContent className="p-4 text-center">
                 <Users className="w-6 h-6 text-accent mx-auto mb-2" />
@@ -355,7 +355,7 @@ export default function RideDetail() {
           )}
 
           {/* New roller coaster specific stats */}
-          {ride.drop_height_meters && (
+          {ride.drop_height_meters !== null && ride.drop_height_meters !== undefined && ride.drop_height_meters > 0 && (
             <Card>
               <CardContent className="p-4 text-center">
                 <TrendingDown className="w-6 h-6 mx-auto mb-2 text-destructive" />
@@ -367,7 +367,7 @@ export default function RideDetail() {
             </Card>
           )}
 
-          {ride.max_g_force && (
+          {ride.max_g_force !== null && ride.max_g_force !== undefined && ride.max_g_force > 0 && (
             <Card>
               <CardContent className="p-4 text-center">
                 <Zap className="w-6 h-6 mx-auto mb-2 text-warning" />