From 4a8ce27bde9756629117d220bb3f46b64466f5ac Mon Sep 17 00:00:00 2001
From: "gpt-engineer-app[bot]"
 <159125892+gpt-engineer-app[bot]@users.noreply.github.com>
Date: Thu, 2 Oct 2025 20:14:29 +0000
Subject: [PATCH] Add "View All Rides" link

---
 src/pages/ParkDetail.tsx | 41 ++++++++++++++++++++++++++++++----------
 1 file changed, 31 insertions(+), 10 deletions(-)

diff --git a/src/pages/ParkDetail.tsx b/src/pages/ParkDetail.tsx
index 20a51f55..b6f246aa 100644
--- a/src/pages/ParkDetail.tsx
+++ b/src/pages/ParkDetail.tsx
@@ -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>