Fix: Implement company submission and validation plan

src/components/admin/OperatorForm.tsx

@@ -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>