Fix TypeScript strict mode errors

This commit is contained in:
gpt-engineer-app[bot]
2025-11-03 03:29:29 +00:00
parent 3c13b7a9f4
commit 288e87bcd3
11 changed files with 132 additions and 120 deletions

View File

@@ -66,7 +66,7 @@ export default function Rides() {
const handleCreateSubmit = async (data: any) => {
try {
const { submitRideCreation } = await import('@/lib/entitySubmissionHelpers');
await submitRideCreation(data, user.id);
await submitRideCreation(data, user!.id);
toast({
title: "Ride Submitted",
@@ -294,8 +294,8 @@ export default function Rides() {
const generateDescription = () => {
if (!filteredAndSortedRides.length) return 'Discover thrilling rides and roller coasters worldwide';
const activeFilters = [];
if (filters.categories.length > 0) activeFilters.push(filters.categories.join(', '));
const activeFilters: string[] = [];
if (filters.categories.length > 0) activeFilters.push(...filters.categories);
if (filters.status !== 'all') activeFilters.push(filters.status);
if (activeFilters.length > 0) {
@@ -308,8 +308,8 @@ export default function Rides() {
useOpenGraph({
title: 'Rides & Attractions - ThrillWiki',
description: generateDescription(),
imageUrl: filteredAndSortedRides[0]?.banner_image_url,
imageId: filteredAndSortedRides[0]?.banner_image_id,
imageUrl: filteredAndSortedRides[0]?.banner_image_url ?? undefined,
imageId: filteredAndSortedRides[0]?.banner_image_id ?? undefined,
type: 'website',
enabled: !loading
});
@@ -458,7 +458,7 @@ export default function Rides() {
<CollapsibleContent>
<Card>
<CardContent className="pt-6">
<RideFilters filters={filters} onFiltersChange={setFilters} rides={rides} />
<RideFilters filters={filters} onFiltersChange={setFilters} rides={rides as any} />
</CardContent>
</Card>
</CollapsibleContent>
@@ -485,7 +485,7 @@ export default function Rides() {
</Button>
</CardHeader>
<CardContent>
<RideFilters filters={filters} onFiltersChange={setFilters} rides={rides} />
<RideFilters filters={filters} onFiltersChange={setFilters} rides={rides as any} />
</CardContent>
</Card>
</div>
@@ -499,11 +499,11 @@ export default function Rides() {
{viewMode === 'grid' ? (
<div className="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5 2xl:grid-cols-6 3xl:grid-cols-7 gap-4 lg:gap-5 xl:gap-4 2xl:gap-5">
{paginatedRides.map((ride) => (
<RideCard key={ride.id} ride={ride} showParkName={true} />
<RideCard key={ride.id} ride={ride as any} showParkName={true} />
))}
</div>
) : (
<RideListView rides={paginatedRides} onRideClick={(ride) => navigate(`/parks/${ride.park?.slug}/rides/${ride.slug}`)} />
<RideListView rides={paginatedRides as any} onRideClick={(ride) => navigate(`/parks/${ride.park?.slug}/rides/${ride.slug}`)} />
)}
<Pagination