humam kerdiah
4f0a2f790f
feat: integrate dialog close context in vendor select field and CRUD dialog components feat: enhance vendor general info to format status using utility function feat: implement form dialog context for managing dialog close actions feat: add async select field dialog close context for better form handling fix: update form mutation hook to close dialog on successful submission feat: extend document print types to include expense and credit note feat: add settings update payload type to include logo and other fields feat: create employee attendance and work history pages with resource management feat: implement payment made and received detail pages with actions feat: add quick shortcuts component for easy navigation in the dashboard feat: create actions for payment made and received with print and delete options feat: implement dialog close context for better dialog management feat: add error parsing utility for improved error handling in API responses
77 lines
3.0 KiB
TypeScript
77 lines
3.0 KiB
TypeScript
"use client"
|
|
|
|
import { useAuthApi } from "@/shared/useApi"
|
|
import { useRouter } from "next/navigation"
|
|
import { Button } from "@/shared/components/ui/button"
|
|
import { Dialog, DialogContent, DialogHeader, DialogTitle } from "@/shared/components/ui/dialog"
|
|
import { ScrollArea } from "@/shared/components/ui/scroll-area"
|
|
import {
|
|
DropdownMenu,
|
|
DropdownMenuContent,
|
|
DropdownMenuItem,
|
|
DropdownMenuTrigger,
|
|
} from "@/shared/components/ui/dropdown-menu"
|
|
import { Ellipsis, Pencil, Printer, Trash2 } from "lucide-react"
|
|
import { useFormDialog } from "@/shared/components/form-dialog"
|
|
import { CreditNoteForm } from "./credit-note-form"
|
|
import { useDocumentPrint } from "@/shared/hooks/use-document-print"
|
|
|
|
type CreditNoteActionsProps = {
|
|
creditNoteId: string
|
|
}
|
|
|
|
export function CreditNoteActions({ creditNoteId }: CreditNoteActionsProps) {
|
|
const api = useAuthApi()
|
|
const router = useRouter()
|
|
const editDialog = useFormDialog("credit-note-details-edit")
|
|
const { print, isPrinting } = useDocumentPrint()
|
|
|
|
const handleDelete = async () => {
|
|
await api.creditNotes.destroy(creditNoteId)
|
|
router.push("/sales/credit-notes")
|
|
}
|
|
|
|
return (
|
|
<>
|
|
<DropdownMenu>
|
|
<DropdownMenuTrigger asChild>
|
|
<Button variant="ghost" size="icon">
|
|
<Ellipsis className="size-4" />
|
|
</Button>
|
|
</DropdownMenuTrigger>
|
|
<DropdownMenuContent align="end">
|
|
<DropdownMenuItem onClick={() => editDialog.open(creditNoteId)}>
|
|
<Pencil className="size-4" />
|
|
Edit
|
|
</DropdownMenuItem>
|
|
<DropdownMenuItem onClick={() => print("credit_note", creditNoteId, "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={editDialog.isOpen} onOpenChange={(v) => { if (!v) editDialog.close() }}>
|
|
<DialogContent className="min-w-xl lg:min-w-4xl">
|
|
<DialogHeader>
|
|
<DialogTitle className="text-2xl font-bold">Edit Credit Note</DialogTitle>
|
|
</DialogHeader>
|
|
<ScrollArea className="max-h-[80vh] px-4">
|
|
<CreditNoteForm
|
|
resourceId={editDialog.resourceId}
|
|
onSuccess={() => {
|
|
editDialog.close()
|
|
router.refresh()
|
|
}}
|
|
/>
|
|
</ScrollArea>
|
|
</DialogContent>
|
|
</Dialog>
|
|
</>
|
|
)
|
|
}
|