Refactor: Uniformly use AuthModalContext

src/pages/ParkDetail.tsx

@@ -24,6 +24,7 @@ import { useUserRole } from '@/hooks/useUserRole';
 import { Edit } from 'lucide-react';
 import { VersionIndicator } from '@/components/versioning/VersionIndicator';
 import { EntityHistoryTabs } from '@/components/history/EntityHistoryTabs';
+import { useAuthModal } from '@/hooks/useAuthModal';
 
 export default function ParkDetail() {
   const {
@@ -33,6 +34,7 @@ export default function ParkDetail() {
   }>();
   const navigate = useNavigate();
   const { user } = useAuth();
+  const { requireAuth } = useAuthModal();
   const [park, setPark] = useState<Park | null>(null);
   const [rides, setRides] = useState<Ride[]>([]);
   const [loading, setLoading] = useState(true);
@@ -129,19 +131,7 @@ export default function ParkDetail() {
     return type.split('_').map(word => word.charAt(0).toUpperCase() + word.slice(1)).join(' ');
   };
 
-  const handleAddRideClick = () => {
-    if (!user) {
-      navigate('/auth');
-      return;
-    }
-    setIsAddRideModalOpen(true);
-  };
-
   const handleRideSubmit = async (rideData: any) => {
-    if (!user) {
-      navigate('/auth');
-      return;
-    }
     
     try {
       const { submitRideCreation } = await import('@/lib/entitySubmissionHelpers');
@@ -168,13 +158,6 @@ export default function ParkDetail() {
     }
   };
 
-  const handleEditParkClick = () => {
-    if (!user) {
-      navigate('/auth');
-      return;
-    }
-    setIsEditParkModalOpen(true);
-  };
 
   const handleEditParkSubmit = async (parkData: any) => {
     if (!user || !park) return;
@@ -243,7 +226,7 @@ export default function ParkDetail() {
           
           <Button 
             variant="outline"
-            onClick={handleEditParkClick}
+            onClick={() => requireAuth(() => setIsEditParkModalOpen(true), "Sign in to edit this park")}
           >
             <Edit className="w-4 h-4 mr-2" />
             Edit Park
@@ -582,7 +565,7 @@ export default function ParkDetail() {
             {/* Header with Add Ride button */}
             <div className="flex items-center justify-between mb-6">
               <h2 className="text-2xl font-bold">Rides at {park.name}</h2>
-              <Button onClick={handleAddRideClick}>
+              <Button onClick={() => requireAuth(() => setIsAddRideModalOpen(true), "Sign in to add a ride")}>
                 <Plus className="w-4 h-4 mr-2" />
                 Add Ride
               </Button>