diff --git a/src/components/rides/RideListView.tsx b/src/components/rides/RideListView.tsx index 9a659c41..96039130 100644 --- a/src/components/rides/RideListView.tsx +++ b/src/components/rides/RideListView.tsx @@ -4,6 +4,7 @@ import { Badge } from '@/components/ui/badge'; import { Button } from '@/components/ui/button'; import { Ride } from '@/types/database'; import { cn } from '@/lib/utils'; +import { Link } from 'react-router-dom'; interface RideListViewProps { rides: Ride[]; @@ -115,10 +116,12 @@ export function RideListView({ rides, onRideClick }: RideListViewProps) { {formatCategory(ride.category)} {ride.manufacturer && ( - - - {ride.manufacturer.name} - + + + + {ride.manufacturer.name} + + )} diff --git a/src/pages/RideDetail.tsx b/src/pages/RideDetail.tsx index 08c58751..41b7611b 100644 --- a/src/pages/RideDetail.tsx +++ b/src/pages/RideDetail.tsx @@ -1,5 +1,5 @@ import { useState, lazy, Suspense, useEffect } from 'react'; -import { useParams, useNavigate } from 'react-router-dom'; +import { useParams, useNavigate, Link } from 'react-router-dom'; import { Header } from '@/components/layout/Header'; import { getBannerUrls } from '@/lib/cloudflareImageUtils'; import { trackPageView } from '@/lib/viewTracking'; @@ -471,9 +471,12 @@ export default function RideDetail() {
Manufacturer
-
+ {ride.manufacturer.name} -
+
)} @@ -483,9 +486,12 @@ export default function RideDetail() {
Designer
-
+ {ride.designer.name} -
+
)}