From fd4e21734f801f39d1893518e62bb0d779a96383 Mon Sep 17 00:00:00 2001
From: "gpt-engineer-app[bot]"
 <159125892+gpt-engineer-app[bot]@users.noreply.github.com>
Date: Wed, 12 Nov 2025 03:36:15 +0000
Subject: [PATCH] Make operator name clickable

Update ParkDetail to wrap park.operator.name in a Link to the operator page, and import Link from react-router-dom. This changes the display from plain text to a navigable link and fixes missing import.
---
 src/pages/ParkDetail.tsx | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/pages/ParkDetail.tsx b/src/pages/ParkDetail.tsx
index b6fe943d..f3f4afdd 100644
--- a/src/pages/ParkDetail.tsx
+++ b/src/pages/ParkDetail.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';
@@ -435,9 +435,12 @@ export default function ParkDetail() {
                         <Users className="w-4 h-4 text-muted-foreground" />
                         <div>
                           <div className="font-medium">Operator</div>
-                          <div className="text-sm text-muted-foreground">
+                          <Link 
+                            to={`/operators/${park.operator.slug}`}
+                            className="text-sm text-primary hover:underline"
+                          >
                             {park.operator.name}
-                          </div>
+                          </Link>
                         </div>
                       </div>}