pacnpal/thrilltrack-explorer
1
0
Fork 0
mirror of https://github.com/pacnpal/thrilltrack-explorer.git synced 2025-12-24 05:11:13 -05:00
Code Issues Packages Projects Releases Wiki Activity

Handle null values in stat cards

Browse Source
This commit is contained in:
gpt-engineer-app[bot]
2025-10-10 00:58:03 +00:00
parent debc91c60d
commit 7f2a3b8d44
1 changed files with 7 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/pages/RideDetail.tsx
View File

@@ -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" />