updates

apps/dashboard/modules/invoices/invoice-form.tsx

@@ -11,6 +11,7 @@ import {
     RhfSelectField,
     RhfTextareaField,
     RhfAsyncSelectField,
+    RhfAutoGenerateField,
 } from "@/shared/components/form"
 import { toast } from "sonner"
 import { useAuthApi } from "@/shared/useApi"
@@ -22,19 +23,16 @@ import {
     invoiceFormSchema,
     type InvoiceFormValues,
 } from "./invoice.schema"
-import { INVOICE_ROUTES, DEPARTMENT_ROUTES } from "@garage/api"
+import { INVOICE_ROUTES, DEPARTMENT_ROUTES, InvoiceStatus } from "@garage/api"
 import { RhfCustomerSelectField } from "@/modules/customers/rhf-customer-select-field"
 import { RhfVehicleSelectField } from "@/modules/vehicles/rhf-vehicle-select-field"
 
 // ── Constants ──
 
-const STATUS_OPTIONS = [
-    { value: "draft", label: "Draft" },
-    { value: "open", label: "Open" },
-    { value: "paid", label: "Paid" },
-    { value: "overdue", label: "Overdue" },
-    { value: "void", label: "Void" },
-]
+const STATUS_OPTIONS = InvoiceStatus.map((v) => ({
+    value: v,
+    label: v.replace(/_/g, " ").replace(/\b\w/g, (c) => c.toUpperCase()),
+}))
 
 // ── Props ──
 
@@ -148,7 +146,7 @@ export function InvoiceForm({ resourceId, initialData, onSuccess }: InvoiceFormP
                 <RhfTextField name="subject" label="Subject" placeholder="Invoice subject" required />
 
                 <div className="grid grid-cols-1 gap-4 sm:grid-cols-2">
-                    <RhfTextField name="invoice_number" label="Invoice Number" placeholder="INV-0001" />
+                    <RhfAutoGenerateField table="invoices" name="invoice_number" label="Invoice Number" placeholder="INV-0001" />
                     <RhfSelectField
                         name="status"
                         label="Status"