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

@@ -16,6 +16,7 @@ import { useAuthModal } from '@/hooks/useAuthModal';
import { toast } from '@/hooks/use-toast';
import { getErrorMessage } from '@/lib/errorHandler';
import type { Ride, Company, RideModel } from "@/types/database";
import { useDocumentTitle } from '@/hooks/useDocumentTitle';
export default function RideModelRides() {
const { manufacturerSlug, modelSlug } = useParams<{ manufacturerSlug: string; modelSlug: string }>();
@@ -28,6 +29,9 @@ export default function RideModelRides() {
const [loading, setLoading] = useState(true);
const [searchQuery, setSearchQuery] = useState('');
const [sortBy, setSortBy] = useState('name');
// Update document title when model changes
useDocumentTitle(model ? `${model.name} - Rides` : 'Model Rides');
const [filterCategory, setFilterCategory] = useState('all');
const [filterStatus, setFilterStatus] = useState('all');
const [isCreateModalOpen, setIsCreateModalOpen] = useState(false);