feat: Implement form, moderation, and testing phases

src/components/admin/RideForm.tsx

@@ -1,8 +1,10 @@
-import { useState, useEffect } from 'react';
+import { useState, useEffect, useReducer } from 'react';
 import { useForm } from 'react-hook-form';
 import { zodResolver } from '@hookform/resolvers/zod';
 import * as z from 'zod';
 import { validateSubmissionHandler } from '@/lib/entityFormValidation';
+import { submissionReducer, canSubmit } from '@/lib/submissionStateMachine';
+import { getErrorMessage } from '@/lib/errorHandler';
 import type { RideTechnicalSpec, RideCoasterStat, RideNameHistory } from '@/types/database';
 import type { TempCompanyData, TempRideModelData } from '@/types/company';
 import { entitySchemas } from '@/lib/entityValidationSchemas';
@@ -119,7 +121,10 @@ const STATUS_DB_TO_DISPLAY: Record<string, string> = {
 
 export function RideForm({ onSubmit, onCancel, initialData, isEditing = false }: RideFormProps) {
   const { isModerator } = useUserRole();
-  const [submitting, setSubmitting] = useState(false);
+  const [submissionState, dispatch] = useReducer(submissionReducer, { 
+    status: 'draft' as const, 
+    data: initialData || {} 
+  });
   const { preferences } = useUnitPreferences();
   const measurementSystem = preferences.measurement_system;
 
@@ -221,8 +226,20 @@ export function RideForm({ onSubmit, onCancel, initialData, isEditing = false }:
 
 
   const handleFormSubmit = async (data: RideFormData) => {
-    setSubmitting(true);
+    if (!canSubmit(submissionState)) {
+      toast({
+        title: 'Cannot submit',
+        description: 'Please wait for the current operation to complete',
+        variant: 'destructive',
+      });
+      return;
+    }
+    
+    dispatch({ type: 'VALIDATE', payload: data });
+    
     try {
+      dispatch({ type: 'SUBMIT', payload: { submissionId: crypto.randomUUID() } });
+      
       // Convert form values back to metric for storage
       const metricData = {
         ...data,
@@ -253,6 +270,8 @@ export function RideForm({ onSubmit, onCancel, initialData, isEditing = false }:
       // Pass clean data to parent with extended fields
       await onSubmit(metricData);
       
+      dispatch({ type: 'SUBMISSION_COMPLETE' });
+      
       toast({
         title: isEditing ? "Ride Updated" : "Submission Sent",
         description: isEditing 
@@ -262,6 +281,12 @@ export function RideForm({ onSubmit, onCancel, initialData, isEditing = false }:
             : "Ride submitted for review"
       });
     } catch (error: unknown) {
+      const errorMessage = getErrorMessage(error);
+      if (errorMessage.includes('validation') || errorMessage.includes('required')) {
+        dispatch({ type: 'VALIDATION_ERROR', payload: [{ field: 'general', message: errorMessage }] });
+      } else {
+        dispatch({ type: 'RESET' });
+      }
       handleError(error, {
         action: isEditing ? 'Update Ride' : 'Create Ride',
         metadata: { 
@@ -270,8 +295,6 @@ export function RideForm({ onSubmit, onCancel, initialData, isEditing = false }:
           hasNewModel: !!tempNewRideModel
         }
       });
-    } finally {
-      setSubmitting(false);
     }
   };
 
@@ -782,9 +805,13 @@ export function RideForm({ onSubmit, onCancel, initialData, isEditing = false }:
 
           {/* Form Actions */}
           <div className="flex gap-4 pt-6">
-            <Button type="submit" disabled={submitting} className="flex-1">
+            <Button 
+              type="submit" 
+              disabled={submissionState.status === 'validating' || submissionState.status === 'submitting' || !canSubmit(submissionState)} 
+              className="flex-1"
+            >
               <Save className="w-4 h-4 mr-2" />
-              {submitting ? 'Saving...' : (isEditing ? 'Update Ride' : 'Create Ride')}
+              {(submissionState.status === 'validating' || submissionState.status === 'submitting') ? 'Saving...' : (isEditing ? 'Update Ride' : 'Create Ride')}
             </Button>
             
             {onCancel && (