Implement dynamic page titles

This commit is contained in:
gpt-engineer-app[bot]
2025-10-29 12:42:18 +00:00
parent 1cdd1f59fb
commit 2d66a4f778
43 changed files with 131 additions and 4 deletions

View File

@@ -52,6 +52,7 @@ import { getErrorMessage } from '@/lib/errorHandler';
import { VersionIndicator } from '@/components/versioning/VersionIndicator';
import { EntityHistoryTabs } from '@/components/history/EntityHistoryTabs';
import { useAuthModal } from '@/hooks/useAuthModal';
import { useDocumentTitle } from '@/hooks/useDocumentTitle';
// Extended Ride type with additional properties for easier access
interface RideWithParkId extends Ride {
@@ -70,6 +71,9 @@ export default function RideDetail() {
const [isEditModalOpen, setIsEditModalOpen] = useState(false);
const [photoCount, setPhotoCount] = useState<number>(0);
const [statsLoading, setStatsLoading] = useState(true);
// Update document title when ride changes
useDocumentTitle(ride?.name || 'Ride Details');
useEffect(() => {
if (parkSlug && rideSlug) {