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

Refactor ride card text display

Browse Source
This commit is contained in:
gpt-engineer-app[bot]
2025-09-29 13:14:43 +00:00
parent 801e3a57f5
commit e6504c0951
1 changed files with 20 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
src/pages/ParkDetail.tsx
View File

@@ -444,24 +444,26 @@ export default function ParkDetail() {
</p>
)}
{/* Stats */}
<div className="flex items-center gap-2 flex-wrap">
{ride.max_speed_kmh && (
<span className="bg-primary/10 text-primary px-2 py-1 rounded-md text-xs font-medium">
<MeasurementDisplay value={ride.max_speed_kmh} type="speed" />
</span>
)}
{ride.max_height_meters && (
<span className="bg-accent/10 text-accent px-2 py-1 rounded-md text-xs font-medium">
<MeasurementDisplay value={ride.max_height_meters} type="distance" />
</span>
)}
{ride.inversions > 0 && (
<span className="bg-secondary/10 text-secondary px-2 py-1 rounded-md text-xs font-medium">
{ride.inversions} inversions
</span>
)}
</div>
{/* Stats - Only show for roller coasters */}
{ride.category === 'roller_coaster' && (
<div className="flex items-center gap-2 flex-wrap">
{ride.max_speed_kmh && (
<span className="bg-primary/10 text-primary px-2 py-1 rounded-md text-xs font-medium">
<MeasurementDisplay value={ride.max_speed_kmh} type="speed" />
</span>
)}
{ride.max_height_meters && (
<span className="bg-accent/10 text-accent px-2 py-1 rounded-md text-xs font-medium">
<MeasurementDisplay value={ride.max_height_meters} type="distance" />
</span>
)}
{ride.inversions > 0 && (
<span className="bg-secondary/10 text-secondary px-2 py-1 rounded-md text-xs font-medium">
{ride.inversions} inversions
</span>
)}
</div>
)}
</div>
</CardContent>
</Card>