humam kerdiah
fcbba6247d
- Introduced ShareDocumentButton component for sharing documents. - Added ShareDocumentDialog for email and WhatsApp sharing options. - Integrated document sharing in estimates, invoices, inspections, job cards, bills, and purchase orders. - Implemented useDocumentShare hook for handling share logic. - Created DocumentShareClient for API interactions related to document sharing. - Updated layouts and actions to include sharing options for relevant entities.
76 lines
2.8 KiB
TypeScript
76 lines
2.8 KiB
TypeScript
"use client"
|
|
|
|
import { useState } from "react"
|
|
import { useAuthApi } from "@/shared/useApi"
|
|
import { useRouter } from "next/navigation"
|
|
import { Button } from "@/shared/components/ui/button"
|
|
import {
|
|
DropdownMenu,
|
|
DropdownMenuContent,
|
|
DropdownMenuItem,
|
|
DropdownMenuTrigger,
|
|
} from "@/shared/components/ui/dropdown-menu"
|
|
import { confirm } from "@/shared/components/confirm-dialog"
|
|
import { Ellipsis, Printer, Share2, Trash2 } from "lucide-react"
|
|
import { toast } from "sonner"
|
|
import { useDocumentPrint } from "@/shared/hooks/use-document-print"
|
|
import { ShareDocumentDialog } from "@/shared/components/share-document-dialog"
|
|
|
|
type PurchaseOrderActionsProps = {
|
|
purchaseOrderId: string
|
|
}
|
|
|
|
export function PurchaseOrderActions({ purchaseOrderId }: PurchaseOrderActionsProps) {
|
|
const api = useAuthApi()
|
|
const router = useRouter()
|
|
const { print, isPrinting } = useDocumentPrint()
|
|
const [shareOpen, setShareOpen] = useState(false)
|
|
|
|
const handleDelete = async () => {
|
|
const confirmed = await confirm({
|
|
title: "Delete this purchase order?",
|
|
description: "This action cannot be undone.",
|
|
confirmLabel: "Delete",
|
|
variant: "destructive",
|
|
})
|
|
if (!confirmed) return
|
|
|
|
const promise = api.purchaseOrders.destroy(purchaseOrderId)
|
|
toast.promise(promise, {
|
|
loading: "Deleting purchase order...",
|
|
success: "Purchase order deleted",
|
|
error: "Failed to delete purchase order",
|
|
})
|
|
await promise
|
|
router.push("/purchase/purchase-order")
|
|
}
|
|
|
|
return (
|
|
<>
|
|
<DropdownMenu>
|
|
<DropdownMenuTrigger asChild>
|
|
<Button variant="ghost" size="icon">
|
|
<Ellipsis className="size-4" />
|
|
</Button>
|
|
</DropdownMenuTrigger>
|
|
<DropdownMenuContent align="end">
|
|
<DropdownMenuItem onClick={() => print("purchase_order", purchaseOrderId, "print")} disabled={isPrinting}>
|
|
<Printer className="size-4" />
|
|
{isPrinting ? "Printing..." : "Print"}
|
|
</DropdownMenuItem>
|
|
<DropdownMenuItem onClick={() => setShareOpen(true)}>
|
|
<Share2 className="size-4" />
|
|
Share
|
|
</DropdownMenuItem>
|
|
<DropdownMenuItem variant="destructive" onClick={handleDelete}>
|
|
<Trash2 className="size-4" />
|
|
Delete
|
|
</DropdownMenuItem>
|
|
</DropdownMenuContent>
|
|
</DropdownMenu>
|
|
|
|
<ShareDocumentDialog type="purchase_order" id={purchaseOrderId} open={shareOpen} onOpenChange={setShareOpen} />
|
|
</>
|
|
)
|
|
}
|