Refactor: Implement state machine cleanup and fixes

src/components/admin/RideModelForm.tsx

@@ -1,11 +1,11 @@
-import { useState, useReducer } from 'react';
+import { useState } from 'react';
 import { useForm } from 'react-hook-form';
 import { zodResolver } from '@hookform/resolvers/zod';
 import * as z from 'zod';
 import { Button } from '@/components/ui/button';
 import type { RideModelTechnicalSpec } from '@/types/database';
-import { submissionReducer, canSubmit } from '@/lib/submissionStateMachine';
 import { getErrorMessage } from '@/lib/errorHandler';
+import { handleError } from '@/lib/errorHandler';
 import { Input } from '@/components/ui/input';
 import { Textarea } from '@/components/ui/textarea';
 import { Label } from '@/components/ui/label';
@@ -77,10 +77,6 @@ export function RideModelForm({
     unit?: string;
     display_order: number;
   }[]>([]);
-  const [submissionState, dispatch] = useReducer(submissionReducer, { 
-    status: 'draft' as const, 
-    data: initialData || {} 
-  });
   
   const {
     register,
@@ -101,30 +97,17 @@ export function RideModelForm({
   });
 
 
-  const handleFormSubmit = (data: RideModelFormData) => {
-    if (!canSubmit(submissionState)) {
-      return;
-    }
-    
-    dispatch({ type: 'VALIDATE', payload: data });
-    
+  const handleFormSubmit = (data: RideModelFormData) => {    
     try {
-      dispatch({ type: 'SUBMIT', payload: { submissionId: crypto.randomUUID() } });
-      
       // Include relational technical specs with extended type
       onSubmit({
         ...data,
         _technical_specifications: technicalSpecs
       });
-      
-      dispatch({ type: 'SUBMISSION_COMPLETE' });
     } catch (error: unknown) {
-      const errorMessage = getErrorMessage(error);
-      if (errorMessage.includes('validation')) {
-        dispatch({ type: 'VALIDATION_ERROR', payload: [{ field: 'general', message: errorMessage }] });
-      } else {
-        dispatch({ type: 'RESET' });
-      }
+      handleError(error, {
+        action: initialData?.id ? 'Update Ride Model' : 'Create Ride Model'
+      });
     }
   };
 
@@ -248,17 +231,15 @@ export function RideModelForm({
               type="button" 
               variant="outline" 
               onClick={onCancel}
-              disabled={submissionState.status === 'validating' || submissionState.status === 'submitting'}
             >
               <X className="w-4 h-4 mr-2" />
               Cancel
             </Button>
             <Button 
               type="submit"
-              disabled={submissionState.status === 'validating' || submissionState.status === 'submitting' || !canSubmit(submissionState)}
             >
               <Save className="w-4 h-4 mr-2" />
-              {(submissionState.status === 'validating' || submissionState.status === 'submitting') ? 'Saving...' : 'Save Model'}
+              Save Model
             </Button>
           </div>
         </form>