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

Fix: Implement company submission and validation plan

Browse Source
This commit is contained in:
gpt-engineer-app[bot]
2025-10-10 19:28:15 +00:00
parent c62935818a
commit 5adf855b04
7 changed files with 591 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
src/components/admin/DesignerForm.tsx
View File

@@ -1,3 +1,4 @@
import { useState } from 'react';
import { useForm } from 'react-hook-form';
import { zodResolver } from '@hookform/resolvers/zod';
import * as z from 'zod';
@@ -15,6 +16,10 @@ import { useCompanyHeadquarters } from '@/hooks/useAutocompleteData';
import { useUserRole } from '@/hooks/useUserRole';
import { EntityMultiImageUploader, ImageAssignments } from '@/components/upload/EntityMultiImageUploader';
import { FlexibleDateInput, type DatePrecision } from '@/components/ui/flexible-date-input';
import { submitDesignerCreation, submitDesignerUpdate } from '@/lib/entitySubmissionHelpers';
import { useAuth } from '@/hooks/useAuth';
import { toast } from 'sonner';
import { useNavigate } from 'react-router-dom';
type DesignerFormData = z.infer<typeof entitySchemas.designer>;
@@ -53,6 +58,9 @@ interface DesignerFormProps {
export function DesignerForm({ onSubmit, onCancel, initialData }: DesignerFormProps) {
const { isModerator } = useUserRole();
const { headquarters } = useCompanyHeadquarters();
const { user } = useAuth();
const navigate = useNavigate();
const [isSubmitting, setIsSubmitting] = useState(false);
const {
register,
@@ -84,7 +92,29 @@ export function DesignerForm({ onSubmit, onCancel, initialData }: DesignerFormPr
</CardTitle>
</CardHeader>
<CardContent>
<form onSubmit={handleSubmit((data) => onSubmit(data as unknown as DesignerFormData))} className="space-y-6">
<form onSubmit={handleSubmit(async (data) => {
if (!user) {
toast.error('You must be logged in to submit');
return;
}
setIsSubmitting(true);
try {
if (initialData?.id) {
await submitDesignerUpdate(initialData.id, data as unknown as DesignerFormData, user.id);
toast.success('Designer update submitted for review');
} else {
await submitDesignerCreation(data as unknown as DesignerFormData, user.id);
toast.success('Designer submitted for review');
}
onCancel();
} catch (error) {
console.error('Submission error:', error);
toast.error(error instanceof Error ? error.message : 'Failed to submit designer');
} finally {
setIsSubmitting(false);
}
})} className="space-y-6">
{/* Basic Information */}
<div className="grid grid-cols-1 md:grid-cols-2 gap-6">
<div className="space-y-2">
@@ -202,13 +232,13 @@ export function DesignerForm({ onSubmit, onCancel, initialData }: DesignerFormPr
{/* Actions */}
<div className="flex gap-3 justify-end">
<Button type="button" variant="outline" onClick={onCancel}>
<Button type="button" variant="outline" onClick={onCancel} disabled={isSubmitting}>
<X className="w-4 h-4 mr-2" />
Cancel
</Button>
<Button type="submit">
<Button type="submit" disabled={isSubmitting}>
<Save className="w-4 h-4 mr-2" />
Save Designer
{isSubmitting ? 'Submitting...' : 'Save Designer'}
</Button>
</div>
</form>

38
src/components/admin/ManufacturerForm.tsx
View File

@@ -1,3 +1,4 @@
import { useState } from 'react';
import { useForm } from 'react-hook-form';
import { zodResolver } from '@hookform/resolvers/zod';
import * as z from 'zod';
@@ -15,6 +16,10 @@ import { useCompanyHeadquarters } from '@/hooks/useAutocompleteData';
import { useUserRole } from '@/hooks/useUserRole';
import { EntityMultiImageUploader, ImageAssignments } from '@/components/upload/EntityMultiImageUploader';
import { FlexibleDateInput, type DatePrecision } from '@/components/ui/flexible-date-input';
import { submitManufacturerCreation, submitManufacturerUpdate } from '@/lib/entitySubmissionHelpers';
import { useAuth } from '@/hooks/useAuth';
import { toast } from 'sonner';
import { useNavigate } from 'react-router-dom';
type ManufacturerFormData = z.infer<typeof entitySchemas.manufacturer>;
@@ -55,6 +60,9 @@ interface ManufacturerFormProps {
export function ManufacturerForm({ onSubmit, onCancel, initialData }: ManufacturerFormProps) {
const { isModerator } = useUserRole();
const { headquarters } = useCompanyHeadquarters();
const { user } = useAuth();
const navigate = useNavigate();
const [isSubmitting, setIsSubmitting] = useState(false);
const {
register,
@@ -88,7 +96,29 @@ export function ManufacturerForm({ onSubmit, onCancel, initialData }: Manufactur
</CardTitle>
</CardHeader>
<CardContent>
<form onSubmit={handleSubmit((data) => onSubmit(data as unknown as ManufacturerFormData))} className="space-y-6">
<form onSubmit={handleSubmit(async (data) => {
if (!user) {
toast.error('You must be logged in to submit');
return;
}
setIsSubmitting(true);
try {
if (initialData?.id) {
await submitManufacturerUpdate(initialData.id, data as unknown as ManufacturerFormData, user.id);
toast.success('Manufacturer update submitted for review');
} else {
await submitManufacturerCreation(data as unknown as ManufacturerFormData, user.id);
toast.success('Manufacturer submitted for review');
}
onCancel();
} catch (error) {
console.error('Submission error:', error);
toast.error(error instanceof Error ? error.message : 'Failed to submit manufacturer');
} finally {
setIsSubmitting(false);
}
})} className="space-y-6">
{/* Basic Information */}
<div className="grid grid-cols-1 md:grid-cols-2 gap-6">
<div className="space-y-2">
@@ -204,13 +234,13 @@ export function ManufacturerForm({ onSubmit, onCancel, initialData }: Manufactur
{/* Actions */}
<div className="flex gap-3 justify-end">
<Button type="button" variant="outline" onClick={onCancel}>
<Button type="button" variant="outline" onClick={onCancel} disabled={isSubmitting}>
<X className="w-4 h-4 mr-2" />
Cancel
</Button>
<Button type="submit">
<Button type="submit" disabled={isSubmitting}>
<Save className="w-4 h-4 mr-2" />
Save Manufacturer
{isSubmitting ? 'Submitting...' : 'Save Manufacturer'}
</Button>
</div>
</form>

38
src/components/admin/OperatorForm.tsx
View File

@@ -1,3 +1,4 @@
import { useState } from 'react';
import { useForm } from 'react-hook-form';
import { zodResolver } from '@hookform/resolvers/zod';
import * as z from 'zod';
@@ -15,6 +16,10 @@ import { useCompanyHeadquarters } from '@/hooks/useAutocompleteData';
import { useUserRole } from '@/hooks/useUserRole';
import { EntityMultiImageUploader, ImageAssignments } from '@/components/upload/EntityMultiImageUploader';
import { FlexibleDateInput, type DatePrecision } from '@/components/ui/flexible-date-input';
import { submitOperatorCreation, submitOperatorUpdate } from '@/lib/entitySubmissionHelpers';
import { useAuth } from '@/hooks/useAuth';
import { toast } from 'sonner';
import { useNavigate } from 'react-router-dom';
type OperatorFormData = z.infer<typeof entitySchemas.operator>;
@@ -55,6 +60,9 @@ interface OperatorFormProps {
export function OperatorForm({ onSubmit, onCancel, initialData }: OperatorFormProps) {
const { isModerator } = useUserRole();
const { headquarters } = useCompanyHeadquarters();
const { user } = useAuth();
const navigate = useNavigate();
const [isSubmitting, setIsSubmitting] = useState(false);
const {
register,
@@ -86,7 +94,29 @@ export function OperatorForm({ onSubmit, onCancel, initialData }: OperatorFormPr
</CardTitle>
</CardHeader>
<CardContent>
<form onSubmit={handleSubmit((data) => onSubmit(data as unknown as OperatorFormData))} className="space-y-6">
<form onSubmit={handleSubmit(async (data) => {
if (!user) {
toast.error('You must be logged in to submit');
return;
}
setIsSubmitting(true);
try {
if (initialData?.id) {
await submitOperatorUpdate(initialData.id, data as unknown as OperatorFormData, user.id);
toast.success('Operator update submitted for review');
} else {
await submitOperatorCreation(data as unknown as OperatorFormData, user.id);
toast.success('Operator submitted for review');
}
onCancel();
} catch (error) {
console.error('Submission error:', error);
toast.error(error instanceof Error ? error.message : 'Failed to submit operator');
} finally {
setIsSubmitting(false);
}
})} className="space-y-6">
{/* Basic Information */}
<div className="grid grid-cols-1 md:grid-cols-2 gap-6">
<div className="space-y-2">
@@ -204,13 +234,13 @@ export function OperatorForm({ onSubmit, onCancel, initialData }: OperatorFormPr
{/* Actions */}
<div className="flex gap-3 justify-end">
<Button type="button" variant="outline" onClick={onCancel}>
<Button type="button" variant="outline" onClick={onCancel} disabled={isSubmitting}>
<X className="w-4 h-4 mr-2" />
Cancel
</Button>
<Button type="submit">
<Button type="submit" disabled={isSubmitting}>
<Save className="w-4 h-4 mr-2" />
Save Operator
{isSubmitting ? 'Submitting...' : 'Save Operator'}
</Button>
</div>
</form>

38
src/components/admin/PropertyOwnerForm.tsx
View File

@@ -1,3 +1,4 @@
import { useState } from 'react';
import { useForm } from 'react-hook-form';
import { zodResolver } from '@hookform/resolvers/zod';
import * as z from 'zod';
@@ -14,6 +15,10 @@ import { useCompanyHeadquarters } from '@/hooks/useAutocompleteData';
import { useUserRole } from '@/hooks/useUserRole';
import { EntityMultiImageUploader, ImageAssignments } from '@/components/upload/EntityMultiImageUploader';
import { FlexibleDateInput, type DatePrecision } from '@/components/ui/flexible-date-input';
import { submitPropertyOwnerCreation, submitPropertyOwnerUpdate } from '@/lib/entitySubmissionHelpers';
import { useAuth } from '@/hooks/useAuth';
import { toast } from 'sonner';
import { useNavigate } from 'react-router-dom';
const propertyOwnerSchema = z.object({
name: z.string().min(1, 'Name is required'),
@@ -82,6 +87,9 @@ interface PropertyOwnerFormProps {
export function PropertyOwnerForm({ onSubmit, onCancel, initialData }: PropertyOwnerFormProps) {
const { isModerator } = useUserRole();
const { headquarters } = useCompanyHeadquarters();
const { user } = useAuth();
const navigate = useNavigate();
const [isSubmitting, setIsSubmitting] = useState(false);
const {
register,
@@ -113,7 +121,29 @@ export function PropertyOwnerForm({ onSubmit, onCancel, initialData }: PropertyO
</CardTitle>
</CardHeader>
<CardContent>
<form onSubmit={handleSubmit((data) => onSubmit(data as unknown as PropertyOwnerFormData))} className="space-y-6">
<form onSubmit={handleSubmit(async (data) => {
if (!user) {
toast.error('You must be logged in to submit');
return;
}
setIsSubmitting(true);
try {
if (initialData?.id) {
await submitPropertyOwnerUpdate(initialData.id, data as unknown as PropertyOwnerFormData, user.id);
toast.success('Property owner update submitted for review');
} else {
await submitPropertyOwnerCreation(data as unknown as PropertyOwnerFormData, user.id);
toast.success('Property owner submitted for review');
}
onCancel();
} catch (error) {
console.error('Submission error:', error);
toast.error(error instanceof Error ? error.message : 'Failed to submit property owner');
} finally {
setIsSubmitting(false);
}
})} className="space-y-6">
{/* Basic Information */}
<div className="grid grid-cols-1 md:grid-cols-2 gap-6">
<div className="space-y-2">
@@ -231,13 +261,13 @@ export function PropertyOwnerForm({ onSubmit, onCancel, initialData }: PropertyO
{/* Actions */}
<div className="flex gap-3 justify-end">
<Button type="button" variant="outline" onClick={onCancel}>
<Button type="button" variant="outline" onClick={onCancel} disabled={isSubmitting}>
<X className="w-4 h-4 mr-2" />
Cancel
</Button>
<Button type="submit">
<Button type="submit" disabled={isSubmitting}>
<Save className="w-4 h-4 mr-2" />
Save Property Owner
{isSubmitting ? 'Submitting...' : 'Save Property Owner'}
</Button>
</div>
</form>