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>
{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>
</Card>
</div>
@@ -532,16 +542,27 @@ export default function ParkDetail() {
</CardContent>
</Card>
) : (
<div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-6">
{rides.map(ride => (
<RideCard
key={ride.id}
ride={ride}
showParkName={false}
parkSlug={park.slug}
/>
))}
</div>
<>
<div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-6">
{rides.map(ride => (
<RideCard
key={ride.id}
ride={ride}
showParkName={false}
parkSlug={park.slug}
/>
))}
</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>