feat: enhance invoice and job card forms with new fields, validation, and print functionality

Co-authored-by: Copilot <copilot@github.com>

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

@@ -2,7 +2,6 @@
 
 import { useAuthApi } from "@/shared/useApi"
 import { useRouter } from "next/navigation"
-import { useState } from "react"
 import { Button } from "@/shared/components/ui/button"
 import {
     DropdownMenu,
@@ -10,10 +9,8 @@ import {
     DropdownMenuItem,
     DropdownMenuTrigger,
 } from "@/shared/components/ui/dropdown-menu"
-import { Dialog, DialogContent, DialogHeader, DialogTitle } from "@/shared/components/ui/dialog"
-import { Ellipsis, Pencil, Trash2 } from "lucide-react"
-import { InvoiceEditForm } from "./invoice-edit-form"
-import { useInvoice } from "./invoice-context"
+import { Ellipsis, Printer, Trash2 } from "lucide-react"
+import { useDocumentPrint } from "@/shared/hooks/use-document-print"
 
 type InvoiceActionsProps = {
     invoiceId: string
@@ -22,12 +19,7 @@ type InvoiceActionsProps = {
 export function InvoiceActions({ invoiceId }: InvoiceActionsProps) {
     const api = useAuthApi()
     const router = useRouter()
-    const [isEditOpen, setIsEditOpen] = useState(false)
-    const invoice = useInvoice()
-    const handleEditSuccess = () => {
-        setIsEditOpen(false)
-        router.refresh()
-    }
+    const { print, isPrinting } = useDocumentPrint()
 
     const handleDelete = async () => {
         await api.invoices.destroy(invoiceId)
@@ -43,31 +35,16 @@ export function InvoiceActions({ invoiceId }: InvoiceActionsProps) {
                     </Button>
                 </DropdownMenuTrigger>
                 <DropdownMenuContent align="end">
-                    {/* <DropdownMenuItem onClick={() => setIsEditOpen(true)}>
-                        <Pencil className="size-4" />
-                        Edit
-                    </DropdownMenuItem> */}
+                    <DropdownMenuItem onClick={() => print("invoice", invoiceId, "print")} disabled={isPrinting}>
+                        <Printer className="size-4" />
+                        {isPrinting ? "Printing..." : "Print"}
+                    </DropdownMenuItem>
                     <DropdownMenuItem variant="destructive" onClick={handleDelete}>
                         <Trash2 className="size-4" />
                         Delete
                     </DropdownMenuItem>
                 </DropdownMenuContent>
             </DropdownMenu>
-
-            {/* <Dialog open={isEditOpen} onOpenChange={setIsEditOpen}>
-                <DialogContent className="max-w-2xl">
-                    <DialogHeader>
-                        <DialogTitle>Edit Invoice</DialogTitle>
-                    </DialogHeader>
-                    <InvoiceEditForm
-                        initialData={{
-                            
-                        }}
-                        resourceId={invoiceId}
-                        onSuccess={handleEditSuccess}
-                    />
-                </DialogContent>
-            </Dialog> */}
         </>
     )
 }