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

Fix unit conversion for imperial

Browse Source
This commit is contained in:
gpt-engineer-app[bot]
2025-09-28 22:57:53 +00:00
parent 0f87bd43c6
commit baa29dc5d2
1 changed files with 8 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/pages/Rides.tsx
View File

@@ -6,6 +6,7 @@ import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@
import { Badge } from '@/components/ui/badge'; import { Badge } from '@/components/ui/badge';
import { Filter, SlidersHorizontal, Zap, Clock, Star } from 'lucide-react'; import { Filter, SlidersHorizontal, Zap, Clock, Star } from 'lucide-react';
import { AutocompleteSearch } from '@/components/search/AutocompleteSearch'; import { AutocompleteSearch } from '@/components/search/AutocompleteSearch';
import { MeasurementDisplay } from '@/components/ui/measurement-display';
import { Ride } from '@/types/database'; import { Ride } from '@/types/database';
import { supabase } from '@/integrations/supabase/client'; import { supabase } from '@/integrations/supabase/client';
import { useNavigate } from 'react-router-dom'; import { useNavigate } from 'react-router-dom';
@@ -283,12 +284,16 @@ export default function Rides() {
{ride.max_speed_kmh && ( {ride.max_speed_kmh && (
<div className="flex items-center gap-1"> <div className="flex items-center gap-1">
<Zap className="w-3 h-3 text-primary" /> <Zap className="w-3 h-3 text-primary" />
<span className="text-primary font-medium text-xs">{ride.max_speed_kmh}km/h</span> <span className="text-primary font-medium text-xs">
<MeasurementDisplay value={ride.max_speed_kmh} type="speed" />
</span>
</div> </div>
)} )}
{ride.max_height_meters && ( {ride.max_height_meters && (
<div className="flex items-center gap-1"> <div className="flex items-center gap-1">
<span className="text-accent font-medium text-xs">{ride.max_height_meters}m</span> <span className="text-accent font-medium text-xs">
<MeasurementDisplay value={ride.max_height_meters} type="distance" />
</span>
</div> </div>
)} )}
{ride.duration_seconds && ( {ride.duration_seconds && (
@@ -311,6 +316,7 @@ export default function Rides() {
<Button <Button
className="w-full mt-3 bg-gradient-to-r from-primary/80 to-secondary/80 hover:from-primary hover:to-secondary transition-all duration-300" className="w-full mt-3 bg-gradient-to-r from-primary/80 to-secondary/80 hover:from-primary hover:to-secondary transition-all duration-300"
size="sm" size="sm"
onClick={() => navigate(`/parks/${ride.park?.slug}/rides/${ride.slug}`)}
> >
View Details View Details
</Button> </Button>