pacnpal/thrilltrack-explorer
1
0
Fork 0
mirror of https://github.com/pacnpal/thrilltrack-explorer.git synced 2025-12-23 14:51:13 -05:00
Code Issues Packages Projects Releases Wiki Activity

Wrap forms with error boundaries

Browse Source
This commit is contained in:
gpt-engineer-app[bot]
2025-11-05 21:33:14 +00:00
parent fa3dfcfdee
commit 524f6a65e8
13 changed files with 161 additions and 116 deletions
Download Patch File Download Diff File Expand all files Collapse all files

102
src/components/moderation/ItemEditDialog.tsx
View File

@@ -22,6 +22,7 @@ import { jsonToFormData } from '@/lib/typeConversions';
import { PropertyOwnerForm } from '@/components/admin/PropertyOwnerForm'; import { PropertyOwnerForm } from '@/components/admin/PropertyOwnerForm';
import { RideModelForm } from '@/components/admin/RideModelForm'; import { RideModelForm } from '@/components/admin/RideModelForm';
import { Save, X, Edit } from 'lucide-react'; import { Save, X, Edit } from 'lucide-react';
import { SubmissionErrorBoundary } from '@/components/error/SubmissionErrorBoundary';
interface ItemEditDialogProps { interface ItemEditDialogProps {
item?: SubmissionItemWithDeps | null; item?: SubmissionItemWithDeps | null;
@@ -131,66 +132,70 @@ export function ItemEditDialog({ item, items, open, onOpenChange, onComplete }:
switch (editItem.item_type) { switch (editItem.item_type) {
case 'park': case 'park':
return ( return (
<ParkForm <SubmissionErrorBoundary submissionId={editItem.id}>
onSubmit={handleSubmit} <ParkForm
onCancel={() => onOpenChange(false)} onSubmit={handleSubmit}
// Convert Json to form-compatible object (null → undefined) onCancel={() => onOpenChange(false)}
// eslint-disable-next-line @typescript-eslint/no-explicit-any initialData={jsonToFormData(editItem.item_data) as any}
initialData={jsonToFormData(editItem.item_data) as any} isEditing
isEditing />
/> </SubmissionErrorBoundary>
); );
case 'ride': case 'ride':
return ( return (
<RideForm <SubmissionErrorBoundary submissionId={editItem.id}>
onSubmit={handleSubmit} <RideForm
onCancel={() => onOpenChange(false)} onSubmit={handleSubmit}
// Convert Json to form-compatible object (null → undefined) onCancel={() => onOpenChange(false)}
// eslint-disable-next-line @typescript-eslint/no-explicit-any initialData={jsonToFormData(editItem.item_data) as any}
initialData={jsonToFormData(editItem.item_data) as any} isEditing
isEditing />
/> </SubmissionErrorBoundary>
); );
case 'manufacturer': case 'manufacturer':
return ( return (
<ManufacturerForm <SubmissionErrorBoundary submissionId={editItem.id}>
onSubmit={handleSubmit} <ManufacturerForm
onCancel={() => onOpenChange(false)} onSubmit={handleSubmit}
// eslint-disable-next-line @typescript-eslint/no-explicit-any onCancel={() => onOpenChange(false)}
initialData={jsonToFormData(editItem.item_data) as any} initialData={jsonToFormData(editItem.item_data) as any}
/> />
</SubmissionErrorBoundary>
); );
case 'designer': case 'designer':
return ( return (
<DesignerForm <SubmissionErrorBoundary submissionId={editItem.id}>
onSubmit={handleSubmit} <DesignerForm
onCancel={() => onOpenChange(false)} onSubmit={handleSubmit}
// eslint-disable-next-line @typescript-eslint/no-explicit-any onCancel={() => onOpenChange(false)}
initialData={jsonToFormData(editItem.item_data) as any} initialData={jsonToFormData(editItem.item_data) as any}
/> />
</SubmissionErrorBoundary>
); );
case 'operator': case 'operator':
return ( return (
<OperatorForm <SubmissionErrorBoundary submissionId={editItem.id}>
onSubmit={handleSubmit} <OperatorForm
onCancel={() => onOpenChange(false)} onSubmit={handleSubmit}
// eslint-disable-next-line @typescript-eslint/no-explicit-any onCancel={() => onOpenChange(false)}
initialData={jsonToFormData(editItem.item_data) as any} initialData={jsonToFormData(editItem.item_data) as any}
/> />
</SubmissionErrorBoundary>
); );
case 'property_owner': case 'property_owner':
return ( return (
<PropertyOwnerForm <SubmissionErrorBoundary submissionId={editItem.id}>
onSubmit={handleSubmit} <PropertyOwnerForm
onCancel={() => onOpenChange(false)} onSubmit={handleSubmit}
// eslint-disable-next-line @typescript-eslint/no-explicit-any onCancel={() => onOpenChange(false)}
initialData={jsonToFormData(editItem.item_data) as any} initialData={jsonToFormData(editItem.item_data) as any}
/> />
</SubmissionErrorBoundary>
); );
case 'ride_model': case 'ride_model':
@@ -201,14 +206,15 @@ export function ItemEditDialog({ item, items, open, onOpenChange, onComplete }:
? itemData.manufacturer_id ? itemData.manufacturer_id
: ''; : '';
return ( return (
<RideModelForm <SubmissionErrorBoundary submissionId={editItem.id}>
manufacturerName={manufacturerName} <RideModelForm
manufacturerId={manufacturerId} manufacturerName={manufacturerName}
onSubmit={handleSubmit} manufacturerId={manufacturerId}
onCancel={() => onOpenChange(false)} onSubmit={handleSubmit}
// eslint-disable-next-line @typescript-eslint/no-explicit-any onCancel={() => onOpenChange(false)}
initialData={itemData as any} initialData={itemData as any}
/> />
</SubmissionErrorBoundary>
); );
case 'photo': case 'photo':

11
src/pages/DesignerRides.tsx
View File

@@ -18,6 +18,7 @@ import { useAuthModal } from '@/hooks/useAuthModal';
import { useDocumentTitle } from '@/hooks/useDocumentTitle'; import { useDocumentTitle } from '@/hooks/useDocumentTitle';
import { useOpenGraph } from '@/hooks/useOpenGraph'; import { useOpenGraph } from '@/hooks/useOpenGraph';
import { handleNonCriticalError } from '@/lib/errorHandler'; import { handleNonCriticalError } from '@/lib/errorHandler';
import { SubmissionErrorBoundary } from '@/components/error/SubmissionErrorBoundary';
export default function DesignerRides() { export default function DesignerRides() {
const { designerSlug } = useParams<{ designerSlug: string }>(); const { designerSlug } = useParams<{ designerSlug: string }>();
@@ -329,10 +330,12 @@ export default function DesignerRides() {
<Dialog open={isCreateModalOpen} onOpenChange={setIsCreateModalOpen}> <Dialog open={isCreateModalOpen} onOpenChange={setIsCreateModalOpen}>
<DialogContent className="max-w-4xl max-h-[90vh] overflow-y-auto"> <DialogContent className="max-w-4xl max-h-[90vh] overflow-y-auto">
<RideForm <SubmissionErrorBoundary>
onSubmit={handleCreateSubmit} <RideForm
onCancel={() => setIsCreateModalOpen(false)} onSubmit={handleCreateSubmit}
/> onCancel={() => setIsCreateModalOpen(false)}
/>
</SubmissionErrorBoundary>
</DialogContent> </DialogContent>
</Dialog> </Dialog>
</div> </div>

5
src/pages/Designers.tsx
View File

@@ -26,6 +26,7 @@ import { useAuthModal } from '@/hooks/useAuthModal';
import { getErrorMessage } from '@/lib/errorHandler'; import { getErrorMessage } from '@/lib/errorHandler';
import { useDocumentTitle } from '@/hooks/useDocumentTitle'; import { useDocumentTitle } from '@/hooks/useDocumentTitle';
import { useOpenGraph } from '@/hooks/useOpenGraph'; import { useOpenGraph } from '@/hooks/useOpenGraph';
import { SubmissionErrorBoundary } from '@/components/error/SubmissionErrorBoundary';
export default function Designers() { export default function Designers() {
useDocumentTitle('Designers'); useDocumentTitle('Designers');
@@ -359,7 +360,9 @@ export default function Designers() {
</main> </main>
<Dialog open={isCreateModalOpen} onOpenChange={setIsCreateModalOpen}> <Dialog open={isCreateModalOpen} onOpenChange={setIsCreateModalOpen}>
<DialogContent className="max-w-4xl max-h-[90vh] overflow-y-auto"> <DialogContent className="max-w-4xl max-h-[90vh] overflow-y-auto">
<DesignerForm onSubmit={handleCreateSubmit} onCancel={() => setIsCreateModalOpen(false)} /> <SubmissionErrorBoundary>
<DesignerForm onSubmit={handleCreateSubmit} onCancel={() => setIsCreateModalOpen(false)} />
</SubmissionErrorBoundary>
</DialogContent> </DialogContent>
</Dialog> </Dialog>
</div> </div>

13
src/pages/ManufacturerModels.tsx
View File

@@ -18,6 +18,7 @@ import { useAuthModal } from '@/hooks/useAuthModal';
import { useDocumentTitle } from '@/hooks/useDocumentTitle'; import { useDocumentTitle } from '@/hooks/useDocumentTitle';
import { useOpenGraph } from '@/hooks/useOpenGraph'; import { useOpenGraph } from '@/hooks/useOpenGraph';
import { handleNonCriticalError } from '@/lib/errorHandler'; import { handleNonCriticalError } from '@/lib/errorHandler';
import { SubmissionErrorBoundary } from '@/components/error/SubmissionErrorBoundary';
interface RideModelWithCount extends RideModel { interface RideModelWithCount extends RideModel {
ride_count: number; ride_count: number;
@@ -295,11 +296,13 @@ export default function ManufacturerModels() {
<Dialog open={isCreateModalOpen} onOpenChange={setIsCreateModalOpen}> <Dialog open={isCreateModalOpen} onOpenChange={setIsCreateModalOpen}>
<DialogContent className="max-w-4xl max-h-[90vh] overflow-y-auto"> <DialogContent className="max-w-4xl max-h-[90vh] overflow-y-auto">
<RideModelForm <SubmissionErrorBoundary>
manufacturerName={manufacturer.name} <RideModelForm
onSubmit={handleCreateSubmit} manufacturerName={manufacturer.name}
onCancel={() => setIsCreateModalOpen(false)} onSubmit={handleCreateSubmit}
/> onCancel={() => setIsCreateModalOpen(false)}
/>
</SubmissionErrorBoundary>
</DialogContent> </DialogContent>
</Dialog> </Dialog>
</div> </div>

11
src/pages/ManufacturerRides.tsx
View File

@@ -18,6 +18,7 @@ import { useAuthModal } from '@/hooks/useAuthModal';
import { useDocumentTitle } from '@/hooks/useDocumentTitle'; import { useDocumentTitle } from '@/hooks/useDocumentTitle';
import { useOpenGraph } from '@/hooks/useOpenGraph'; import { useOpenGraph } from '@/hooks/useOpenGraph';
import { handleNonCriticalError } from '@/lib/errorHandler'; import { handleNonCriticalError } from '@/lib/errorHandler';
import { SubmissionErrorBoundary } from '@/components/error/SubmissionErrorBoundary';
export default function ManufacturerRides() { export default function ManufacturerRides() {
const { manufacturerSlug } = useParams<{ manufacturerSlug: string }>(); const { manufacturerSlug } = useParams<{ manufacturerSlug: string }>();
@@ -329,10 +330,12 @@ export default function ManufacturerRides() {
<Dialog open={isCreateModalOpen} onOpenChange={setIsCreateModalOpen}> <Dialog open={isCreateModalOpen} onOpenChange={setIsCreateModalOpen}>
<DialogContent className="max-w-4xl max-h-[90vh] overflow-y-auto"> <DialogContent className="max-w-4xl max-h-[90vh] overflow-y-auto">
<RideForm <SubmissionErrorBoundary>
onSubmit={handleCreateSubmit} <RideForm
onCancel={() => setIsCreateModalOpen(false)} onSubmit={handleCreateSubmit}
/> onCancel={() => setIsCreateModalOpen(false)}
/>
</SubmissionErrorBoundary>
</DialogContent> </DialogContent>
</Dialog> </Dialog>
</div> </div>

11
src/pages/Manufacturers.tsx
View File

@@ -26,6 +26,7 @@ import { useAuthModal } from '@/hooks/useAuthModal';
import { getErrorMessage } from '@/lib/errorHandler'; import { getErrorMessage } from '@/lib/errorHandler';
import { useDocumentTitle } from '@/hooks/useDocumentTitle'; import { useDocumentTitle } from '@/hooks/useDocumentTitle';
import { useOpenGraph } from '@/hooks/useOpenGraph'; import { useOpenGraph } from '@/hooks/useOpenGraph';
import { SubmissionErrorBoundary } from '@/components/error/SubmissionErrorBoundary';
export default function Manufacturers() { export default function Manufacturers() {
useDocumentTitle('Manufacturers'); useDocumentTitle('Manufacturers');
@@ -374,10 +375,12 @@ export default function Manufacturers() {
{/* Create Modal */} {/* Create Modal */}
<Dialog open={isCreateModalOpen} onOpenChange={setIsCreateModalOpen}> <Dialog open={isCreateModalOpen} onOpenChange={setIsCreateModalOpen}>
<DialogContent className="max-w-4xl max-h-[90vh] overflow-y-auto"> <DialogContent className="max-w-4xl max-h-[90vh] overflow-y-auto">
<ManufacturerForm <SubmissionErrorBoundary>
onSubmit={handleCreateSubmit} <ManufacturerForm
onCancel={() => setIsCreateModalOpen(false)} onSubmit={handleCreateSubmit}
/> onCancel={() => setIsCreateModalOpen(false)}
/>
</SubmissionErrorBoundary>
</DialogContent> </DialogContent>
</Dialog> </Dialog>
</div> </div>

11
src/pages/Operators.tsx
View File

@@ -26,6 +26,7 @@ import { useAuthModal } from '@/hooks/useAuthModal';
import { getErrorMessage } from '@/lib/errorHandler'; import { getErrorMessage } from '@/lib/errorHandler';
import { useDocumentTitle } from '@/hooks/useDocumentTitle'; import { useDocumentTitle } from '@/hooks/useDocumentTitle';
import { useOpenGraph } from '@/hooks/useOpenGraph'; import { useOpenGraph } from '@/hooks/useOpenGraph';
import { SubmissionErrorBoundary } from '@/components/error/SubmissionErrorBoundary';
const Operators = () => { const Operators = () => {
useDocumentTitle('Operators'); useDocumentTitle('Operators');
@@ -377,10 +378,12 @@ const Operators = () => {
{/* Create Modal */} {/* Create Modal */}
<Dialog open={isCreateModalOpen} onOpenChange={setIsCreateModalOpen}> <Dialog open={isCreateModalOpen} onOpenChange={setIsCreateModalOpen}>
<DialogContent className="max-w-4xl max-h-[90vh] overflow-y-auto"> <DialogContent className="max-w-4xl max-h-[90vh] overflow-y-auto">
<OperatorForm <SubmissionErrorBoundary>
onSubmit={handleCreateSubmit} <OperatorForm
onCancel={() => setIsCreateModalOpen(false)} onSubmit={handleCreateSubmit}
/> onCancel={() => setIsCreateModalOpen(false)}
/>
</SubmissionErrorBoundary>
</DialogContent> </DialogContent>
</Dialog> </Dialog>
</main> </main>

58
src/pages/ParkDetail.tsx
View File

@@ -26,6 +26,7 @@ import { usePhotoCount } from '@/hooks/photos/usePhotoCount';
const RideForm = lazy(() => import('@/components/admin/RideForm').then(m => ({ default: m.RideForm }))); const RideForm = lazy(() => import('@/components/admin/RideForm').then(m => ({ default: m.RideForm })));
const ParkForm = lazy(() => import('@/components/admin/ParkForm').then(m => ({ default: m.ParkForm }))); const ParkForm = lazy(() => import('@/components/admin/ParkForm').then(m => ({ default: m.ParkForm })));
import { getErrorMessage } from '@/lib/errorHandler'; import { getErrorMessage } from '@/lib/errorHandler';
import { SubmissionErrorBoundary } from '@/components/error/SubmissionErrorBoundary';
import { useUserRole } from '@/hooks/useUserRole'; import { useUserRole } from '@/hooks/useUserRole';
import { Edit } from 'lucide-react'; import { Edit } from 'lucide-react';
import { VersionIndicator } from '@/components/versioning/VersionIndicator'; import { VersionIndicator } from '@/components/versioning/VersionIndicator';
@@ -610,10 +611,13 @@ export default function ParkDetail() {
</DialogDescription> </DialogDescription>
</DialogHeader> </DialogHeader>
<Suspense fallback={<AdminFormSkeleton />}> <Suspense fallback={<AdminFormSkeleton />}>
<RideForm <SubmissionErrorBoundary>
onSubmit={handleRideSubmit} <RideForm
onCancel={() => setIsAddRideModalOpen(false)} onSubmit={handleRideSubmit}
/> onCancel={() => setIsAddRideModalOpen(false)}
initialData={{ park_id: park.id }}
/>
</SubmissionErrorBoundary>
</Suspense> </Suspense>
</DialogContent> </DialogContent>
</Dialog> </Dialog>
@@ -628,28 +632,30 @@ export default function ParkDetail() {
</DialogDescription> </DialogDescription>
</DialogHeader> </DialogHeader>
<Suspense fallback={<AdminFormSkeleton />}> <Suspense fallback={<AdminFormSkeleton />}>
<ParkForm <SubmissionErrorBoundary>
onSubmit={handleEditParkSubmit} <ParkForm
onCancel={() => setIsEditParkModalOpen(false)} onSubmit={handleEditParkSubmit}
initialData={{ onCancel={() => setIsEditParkModalOpen(false)}
id: park?.id, initialData={{
name: park?.name, id: park?.id,
slug: park?.slug, name: park?.name,
description: park?.description ?? undefined, slug: park?.slug,
park_type: park?.park_type, description: park?.description ?? undefined,
status: park?.status, park_type: park?.park_type,
opening_date: park?.opening_date ?? undefined, status: park?.status,
closing_date: park?.closing_date ?? undefined, opening_date: park?.opening_date ?? undefined,
website_url: park?.website_url ?? undefined, closing_date: park?.closing_date ?? undefined,
phone: park?.phone ?? undefined, website_url: park?.website_url ?? undefined,
email: park?.email ?? undefined, phone: park?.phone ?? undefined,
operator_id: park?.operator?.id, email: park?.email ?? undefined,
property_owner_id: park?.property_owner?.id, operator_id: park?.operator?.id,
banner_image_url: park?.banner_image_url ?? undefined, property_owner_id: park?.property_owner?.id,
card_image_url: park?.card_image_url ?? undefined banner_image_url: park?.banner_image_url ?? undefined,
}} card_image_url: park?.card_image_url ?? undefined
isEditing={true} }}
/> isEditing={true}
/>
</SubmissionErrorBoundary>
</Suspense> </Suspense>
</DialogContent> </DialogContent>
</Dialog> </Dialog>

11
src/pages/ParkOwners.tsx
View File

@@ -20,6 +20,7 @@ import { useAuthModal } from '@/hooks/useAuthModal';
import { getErrorMessage } from '@/lib/errorHandler'; import { getErrorMessage } from '@/lib/errorHandler';
import { useDocumentTitle } from '@/hooks/useDocumentTitle'; import { useDocumentTitle } from '@/hooks/useDocumentTitle';
import { useOpenGraph } from '@/hooks/useOpenGraph'; import { useOpenGraph } from '@/hooks/useOpenGraph';
import { SubmissionErrorBoundary } from '@/components/error/SubmissionErrorBoundary';
const ParkOwners = () => { const ParkOwners = () => {
useDocumentTitle('Property Owners'); useDocumentTitle('Property Owners');
@@ -242,10 +243,12 @@ const ParkOwners = () => {
{/* Create Modal */} {/* Create Modal */}
<Dialog open={isCreateModalOpen} onOpenChange={setIsCreateModalOpen}> <Dialog open={isCreateModalOpen} onOpenChange={setIsCreateModalOpen}>
<DialogContent className="max-w-4xl max-h-[90vh] overflow-y-auto"> <DialogContent className="max-w-4xl max-h-[90vh] overflow-y-auto">
<PropertyOwnerForm <SubmissionErrorBoundary>
onSubmit={handleCreateSubmit} <PropertyOwnerForm
onCancel={() => setIsCreateModalOpen(false)} onSubmit={handleCreateSubmit}
/> onCancel={() => setIsCreateModalOpen(false)}
/>
</SubmissionErrorBoundary>
</DialogContent> </DialogContent>
</Dialog> </Dialog>
</main> </main>

15
src/pages/ParkRides.tsx
View File

@@ -18,6 +18,7 @@ import { getErrorMessage, handleNonCriticalError } from '@/lib/errorHandler';
import { useAuthModal } from '@/hooks/useAuthModal'; import { useAuthModal } from '@/hooks/useAuthModal';
import { useDocumentTitle } from '@/hooks/useDocumentTitle'; import { useDocumentTitle } from '@/hooks/useDocumentTitle';
import { useOpenGraph } from '@/hooks/useOpenGraph'; import { useOpenGraph } from '@/hooks/useOpenGraph';
import { SubmissionErrorBoundary } from '@/components/error/SubmissionErrorBoundary';
export default function ParkRides() { export default function ParkRides() {
const { parkSlug } = useParams<{ parkSlug: string }>(); const { parkSlug } = useParams<{ parkSlug: string }>();
@@ -353,12 +354,14 @@ export default function ParkRides() {
{/* Create Modal */} {/* Create Modal */}
<Dialog open={isCreateModalOpen} onOpenChange={setIsCreateModalOpen}> <Dialog open={isCreateModalOpen} onOpenChange={setIsCreateModalOpen}>
<DialogContent className="max-w-4xl max-h-[90vh] overflow-y-auto"> <DialogContent className="max-w-4xl max-h-[90vh] overflow-y-auto">
<RideForm <SubmissionErrorBoundary>
onSubmit={handleCreateSubmit as any} <RideForm
onCancel={() => setIsCreateModalOpen(false)} onSubmit={handleCreateSubmit as any}
isEditing={false} onCancel={() => setIsCreateModalOpen(false)}
initialData={{ park_id: park.id }} isEditing={false}
/> initialData={{ park_id: park.id }}
/>
</SubmissionErrorBoundary>
</DialogContent> </DialogContent>
</Dialog> </Dialog>
</main> </main>

5
src/pages/Parks.tsx
View File

@@ -39,6 +39,7 @@ import { useAuthModal } from "@/hooks/useAuthModal";
import { useOpenGraph } from "@/hooks/useOpenGraph"; import { useOpenGraph } from "@/hooks/useOpenGraph";
import { useParks } from "@/hooks/parks/useParks"; import { useParks } from "@/hooks/parks/useParks";
import { Pagination } from "@/components/common/Pagination"; import { Pagination } from "@/components/common/Pagination";
import { SubmissionErrorBoundary } from "@/components/error/SubmissionErrorBoundary";
export interface FilterState { export interface FilterState {
search: string; search: string;
@@ -583,7 +584,9 @@ export default function Parks() {
Add a new park to the database. Your submission will be reviewed before being published. Add a new park to the database. Your submission will be reviewed before being published.
</DialogDescription> </DialogDescription>
</DialogHeader> </DialogHeader>
<ParkForm onSubmit={handleParkSubmit} onCancel={() => setIsAddParkModalOpen(false)} isEditing={false} /> <SubmissionErrorBoundary>
<ParkForm onSubmit={handleParkSubmit} onCancel={() => setIsAddParkModalOpen(false)} isEditing={false} />
</SubmissionErrorBoundary>
</DialogContent> </DialogContent>
</Dialog> </Dialog>
</main> </main>

11
src/pages/RideModelRides.tsx
View File

@@ -17,6 +17,7 @@ import { toast } from '@/hooks/use-toast';
import { getErrorMessage, handleNonCriticalError } from '@/lib/errorHandler'; import { getErrorMessage, handleNonCriticalError } from '@/lib/errorHandler';
import type { Ride, Company, RideModel } from "@/types/database"; import type { Ride, Company, RideModel } from "@/types/database";
import { useDocumentTitle } from '@/hooks/useDocumentTitle'; import { useDocumentTitle } from '@/hooks/useDocumentTitle';
import { SubmissionErrorBoundary } from '@/components/error/SubmissionErrorBoundary';
export default function RideModelRides() { export default function RideModelRides() {
const { manufacturerSlug, modelSlug } = useParams<{ manufacturerSlug: string; modelSlug: string }>(); const { manufacturerSlug, modelSlug } = useParams<{ manufacturerSlug: string; modelSlug: string }>();
@@ -293,10 +294,12 @@ export default function RideModelRides() {
{/* Create Modal */} {/* Create Modal */}
<Dialog open={isCreateModalOpen} onOpenChange={setIsCreateModalOpen}> <Dialog open={isCreateModalOpen} onOpenChange={setIsCreateModalOpen}>
<DialogContent className="max-w-4xl max-h-[90vh] overflow-y-auto"> <DialogContent className="max-w-4xl max-h-[90vh] overflow-y-auto">
<RideForm <SubmissionErrorBoundary>
onSubmit={handleCreateSubmit} <RideForm
onCancel={() => setIsCreateModalOpen(false)} onSubmit={handleCreateSubmit}
/> onCancel={() => setIsCreateModalOpen(false)}
/>
</SubmissionErrorBoundary>
</DialogContent> </DialogContent>
</Dialog> </Dialog>
</div> </div>

13
src/pages/Rides.tsx
View File

@@ -26,6 +26,7 @@ import { useDocumentTitle } from '@/hooks/useDocumentTitle';
import { useOpenGraph } from '@/hooks/useOpenGraph'; import { useOpenGraph } from '@/hooks/useOpenGraph';
import { useRides } from '@/hooks/rides/useRides'; import { useRides } from '@/hooks/rides/useRides';
import { Pagination } from '@/components/common/Pagination'; import { Pagination } from '@/components/common/Pagination';
import { SubmissionErrorBoundary } from '@/components/error/SubmissionErrorBoundary';
export default function Rides() { export default function Rides() {
useDocumentTitle('Rides & Attractions'); useDocumentTitle('Rides & Attractions');
@@ -529,11 +530,13 @@ export default function Rides() {
{/* Create Modal */} {/* Create Modal */}
<Dialog open={isCreateModalOpen} onOpenChange={setIsCreateModalOpen}> <Dialog open={isCreateModalOpen} onOpenChange={setIsCreateModalOpen}>
<DialogContent className="max-w-4xl max-h-[90vh] overflow-y-auto"> <DialogContent className="max-w-4xl max-h-[90vh] overflow-y-auto">
<RideForm <SubmissionErrorBoundary>
onSubmit={handleCreateSubmit} <RideForm
onCancel={() => setIsCreateModalOpen(false)} onSubmit={handleCreateSubmit}
isEditing={false} onCancel={() => setIsCreateModalOpen(false)}
/> isEditing={false}
/>
</SubmissionErrorBoundary>
</DialogContent> </DialogContent>
</Dialog> </Dialog>
</main> </main>