Add "View All Rides" link

This commit is contained in:
gpt-engineer-app[bot]
2025-10-02 20:14:29 +00:00
parent 14ab8a72d6
commit 4a8ce27bde

View File

@@ -385,6 +385,16 @@ export default function ParkDetail() {
/> />
))} ))}
</div> </div>
{rides.length > 4 && (
<div className="mt-4 text-center">
<Button
variant="outline"
onClick={() => navigate(`/parks/${park.slug}/rides/`)}
>
View All {park.ride_count} Rides
</Button>
</div>
)}
</CardContent> </CardContent>
</Card> </Card>
</div> </div>
@@ -532,16 +542,27 @@ export default function ParkDetail() {
</CardContent> </CardContent>
</Card> </Card>
) : ( ) : (
<div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-6"> <>
{rides.map(ride => ( <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-6">
<RideCard {rides.map(ride => (
key={ride.id} <RideCard
ride={ride} key={ride.id}
showParkName={false} ride={ride}
parkSlug={park.slug} showParkName={false}
/> parkSlug={park.slug}
))} />
</div> ))}
</div>
<div className="mt-8 text-center">
<Button
variant="outline"
size="lg"
onClick={() => navigate(`/parks/${park.slug}/rides/`)}
>
View All {park.ride_count} Rides
</Button>
</div>
</>
)} )}
</TabsContent> </TabsContent>