feat: add logo field to settings schema and update settings client to handle file uploads

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

apps/dashboard/modules/payment-mades/payment-made-actions.tsx

@@ -0,0 +1,48 @@
+"use client"
+
+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 { Ellipsis, Printer, Trash2 } from "lucide-react"
+import { useDocumentPrint } from "@/shared/hooks/use-document-print"
+
+type PaymentMadeActionsProps = {
+    paymentId: string
+}
+
+export function PaymentMadeActions({ paymentId }: PaymentMadeActionsProps) {
+    const api = useAuthApi()
+    const router = useRouter()
+    const { print, isPrinting } = useDocumentPrint()
+
+    const handleDelete = async () => {
+        await api.paymentMades.destroy(paymentId)
+        router.push("/purchase/payments-made")
+    }
+
+    return (
+        <DropdownMenu>
+            <DropdownMenuTrigger asChild>
+                <Button variant="ghost" size="icon">
+                    <Ellipsis className="size-4" />
+                </Button>
+            </DropdownMenuTrigger>
+            <DropdownMenuContent align="end">
+                <DropdownMenuItem onClick={() => print("payment_made", paymentId, "print")} disabled={isPrinting}>
+                    <Printer className="size-4" />
+                    {isPrinting ? "Printing..." : "Print"}
+                </DropdownMenuItem>
+                <DropdownMenuItem variant="destructive" onClick={handleDelete}>
+                    <Trash2 className="size-4" />
+                    Delete
+                </DropdownMenuItem>
+            </DropdownMenuContent>
+        </DropdownMenu>
+    )
+}

apps/dashboard/modules/payment-mades/payment-made-form.tsx

@@ -30,6 +30,7 @@ import {
     BILL_ROUTES,
     PAYMENT_MODE_ROUTES,
     EMPLOYEE_ROUTES,
+    PAYMENT_MADE_ROUTES,
     PaymentFor,
 } from "@garage/api"
 import { RhfVendorSelectField } from "@/modules/vendors/rhf-vendor-select-field"
@@ -182,6 +183,8 @@ export function PaymentMadeForm({ resourceId, initialData, onSuccess, billId, ex
         defaultValues: DEFAULT_VALUES,
         resourceId,
         initialData: resolvedInitialData,
+        initialize: (id) => api.paymentMades.show(id),
+        queryKey: [PAYMENT_MADE_ROUTES.BY_ID, resourceId],
         mapToFormValues,
     })