Fix creating bill items

src/components/JobForm.tsx

@@ -6,7 +6,7 @@ import { Input } from '@/components/ui/input';
 import { Label } from '@/components/ui/label';
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/components/ui/select';
 import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/ui/tabs';
-import { IndBillitemRecordNoId, IndJobStatusOptions, IndJobRecordNoId, IndFacilityRecord } from '@/lib/pbtypes';
+import { IndBillitemRecordNoId, IndJobStatusOptions, IndJobRecordNoId, IndFacilityRecord, IndBillitemRecord } from '@/lib/pbtypes';
 import MaterialsImportExport from './MaterialsImportExport';
 import { IndJob } from '@/lib/types';
 // import { getFacilities } from '@/services/facilityService';
@@ -19,8 +19,8 @@ interface JobFormProps {
 
 const JobForm: React.FC<JobFormProps> = ({ job, onSubmit, onCancel }) => {
   // const [facilities, setFacilities] = useState<IndFacilityRecord[]>([]);
-  const [billOfMaterials, setBillOfMaterials] = useState<IndBillitemRecordNoId[]>(job?.billOfMaterials || []);
-  const [consumedMaterials, setConsumedMaterials] = useState<IndBillitemRecordNoId[]>(job?.consumedMaterials || []);
+  const [billOfMaterials, setBillOfMaterials] = useState<IndBillitemRecord[]>(job?.billOfMaterials || []);
+  const [consumedMaterials, setConsumedMaterials] = useState<IndBillitemRecord[]>(job?.consumedMaterials || []);
   const [formData, setFormData] = useState({
     outputItem: job?.outputItem || '',
     outputQuantity: job?.outputQuantity || 0,
@@ -209,7 +209,7 @@ const JobForm: React.FC<JobFormProps> = ({ job, onSubmit, onCancel }) => {
 
           <TabsContent value="materials" className="space-y-4">
             <MaterialsImportExport
-              jobId={job?.id || ''}
+              job={job}
               billOfMaterials={billOfMaterials}
               consumedMaterials={consumedMaterials}
               onBillOfMaterialsUpdate={setBillOfMaterials}

src/components/MaterialsImportExport.tsx

@@ -4,19 +4,21 @@ import { Button } from '@/components/ui/button';
 import { Textarea } from '@/components/ui/textarea';
 import { Label } from '@/components/ui/label';
 import { Import, Download, FileText } from 'lucide-react';
-import { IndBillitemRecordNoId } from '@/lib/pbtypes';
+import { IndBillitemRecord } from '@/lib/pbtypes';
+import { IndJob } from '@/lib/types';
 import { addBillItem } from '@/services/billItemService';
+import { updateJob } from '@/services/jobService';
 
 interface MaterialsImportExportProps {
-  jobId: string;
-  billOfMaterials: IndBillitemRecordNoId[];
-  consumedMaterials: IndBillitemRecordNoId[];
-  onBillOfMaterialsUpdate: (materials: IndBillitemRecordNoId[]) => void;
-  onConsumedMaterialsUpdate: (materials: IndBillitemRecordNoId[]) => void;
+  job: IndJob;
+  billOfMaterials: IndBillitemRecord[];
+  consumedMaterials: IndBillitemRecord[];
+  onBillOfMaterialsUpdate: (billItems: IndBillitemRecord[]) => void;
+  onConsumedMaterialsUpdate: (billItems: IndBillitemRecord[]) => void;
 }
 
 const MaterialsImportExport: React.FC<MaterialsImportExportProps> = ({
-  jobId,
+  job,
   billOfMaterials,
   consumedMaterials,
   onBillOfMaterialsUpdate,
@@ -25,9 +27,9 @@ const MaterialsImportExport: React.FC<MaterialsImportExportProps> = ({
   const [bomInput, setBomInput] = useState('');
   const [consumedInput, setConsumedInput] = useState('');
 
-  const parseBillOfMaterials = (text: string): IndBillitemRecordNoId[] => {
+  const parseBillOfMaterials = async (text: string): Promise<IndJob> => {
     const lines = text.split('\n').filter(line => line.trim());
-    const materials: IndBillitemRecordNoId[] = [];
+    const materials: IndBillitemRecord[] = [];
 
     for (const line of lines) {
       const parts = line.trim().split(/\s+/);
@@ -35,16 +37,20 @@ const MaterialsImportExport: React.FC<MaterialsImportExportProps> = ({
         const name = parts.slice(0, -1).join(' ');
         const quantity = parseInt(parts[parts.length - 1]);
         if (name && !isNaN(quantity)) {
-          materials.push({ name, quantity });
+          const newBillItem = await addBillItem(job.id, { name, quantity });
+          materials.push(newBillItem);
         }
       }
     }
-    return materials;
+
+    job.billOfMaterials = materials;
+    await updateJob(job.id, { billOfMaterials: materials.map(item => item.id) });
+    return job;
   };
 
-  const parseConsumedMaterials = (text: string): IndBillitemRecordNoId[] => {
+  const parseConsumedMaterials = async (text: string): Promise<IndJob> => {
     const lines = text.split('\n').filter(line => line.trim());
-    const materials: IndBillitemRecordNoId[] = [];
+    const materials: IndBillitemRecord[] = [];
 
     for (const line of lines) {
       const parts = line.trim().split('\t');
@@ -52,11 +58,15 @@ const MaterialsImportExport: React.FC<MaterialsImportExportProps> = ({
         const name = parts[0];
         const quantity = parseInt(parts[1]);
         if (name && !isNaN(quantity)) {
-          materials.push({ name, quantity });
+          const newBillItem = await addBillItem(job.id, { name, quantity });
+          materials.push(newBillItem);
         }
       }
     }
-    return materials;
+
+    job.consumedMaterials = materials;
+    await updateJob(job.id, { consumedMaterials: materials.map(item => item.id) });
+    return job;
   };
 
   const exportBillOfMaterials = (): string => {
@@ -69,13 +79,13 @@ const MaterialsImportExport: React.FC<MaterialsImportExportProps> = ({
 
   const handleImportBom = async () => {
     const parsed = await parseBillOfMaterials(bomInput);
-    onBillOfMaterialsUpdate(parsed);
+    onBillOfMaterialsUpdate(parsed.billOfMaterials);
     setBomInput('');
   };
 
   const handleImportConsumed = async () => {
     const parsed = await parseConsumedMaterials(consumedInput);
-    onConsumedMaterialsUpdate(parsed);
+    onConsumedMaterialsUpdate(parsed.consumedMaterials);
     setConsumedInput('');
   };