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.
47 lines
1.9 KiB
TypeScript
47 lines
1.9 KiB
TypeScript
import { DashboardDetailsPage } from '@/base/components/layout/dashboard'
|
|
import { getServerApi } from '@garage/api/server'
|
|
import { PurchaseOrderActions } from '@/modules/purchase-orders/purchase-order-actions'
|
|
import { PurchaseOrderProvider } from '@/modules/purchase-orders/purchase-order-context'
|
|
import { CreateBillFromPOButton } from '@/modules/purchase-orders/create-bill-from-po-button'
|
|
import { ShareDocumentButton } from '@/shared/components/share-document-button'
|
|
import { ClipboardList } from 'lucide-react'
|
|
import React from 'react'
|
|
|
|
export default async function layout(props: {
|
|
params: Promise<{ id: string }>
|
|
children: React.ReactNode
|
|
}) {
|
|
const { id } = await props.params
|
|
const api = await getServerApi()
|
|
const purchaseOrder = (await api.purchaseOrders.getById(id)) as any
|
|
|
|
const data = purchaseOrder?.data ?? purchaseOrder
|
|
const title = data?.title || data?.order_number || 'Purchase Order'
|
|
const orderNumber = data?.order_number
|
|
const description = orderNumber ? `Order #: ${orderNumber}` : undefined
|
|
|
|
return (
|
|
<PurchaseOrderProvider purchaseOrder={{ id, label: title, data }}>
|
|
<DashboardDetailsPage
|
|
className="p-0 lg:p-0"
|
|
icon={<ClipboardList className="size-5" />}
|
|
title={title}
|
|
description={description}
|
|
backHref="/purchase/purchase-order"
|
|
actions={
|
|
<div className="flex items-center gap-2">
|
|
<CreateBillFromPOButton />
|
|
<ShareDocumentButton type="purchase_order" id={id} />
|
|
<PurchaseOrderActions purchaseOrderId={id} />
|
|
</div>
|
|
}
|
|
tabs={[
|
|
{ href: `/purchase/purchase-order/${id}`, label: 'Details' },
|
|
]}
|
|
>
|
|
{props.children}
|
|
</DashboardDetailsPage>
|
|
</PurchaseOrderProvider>
|
|
)
|
|
}
|