refactor(FE-208): enhance PurchaseOrderDetail layout with section header for goods receipt information

This commit is contained in:
rstubryan
2025-11-17 10:21:17 +07:00
parent 30ed70b669
commit b82ba60a32
@@ -775,26 +775,32 @@ const PurchaseOrderDetail = ({
wrapper: 'w-full mt-8',
}}
>
<div className='rounded-lg border border-gray-200 overflow-hidden mt-8'>
<div className='overflow-x-auto'>
<Table<PurchaseItem>
data={goodsReceiptItems}
columns={goodsReceiptColumns}
isLoading={false}
className={{
containerClassName: 'm-0',
tableWrapperClassName: 'overflow-x-auto',
tableClassName: 'w-full table-auto',
headerRowClassName: 'bg-gray-50 border-b border-gray-200',
headerColumnClassName:
'px-4 py-3 text-sm font-semibold text-gray-700 text-left whitespace-nowrap',
bodyRowClassName:
'border-b border-gray-100 hover:bg-gray-50 transition-colors',
bodyColumnClassName:
'px-4 py-3 text-sm text-gray-900 whitespace-nowrap',
paginationClassName: 'hidden',
}}
/>
{/* Detail Penerimaan Barang Section */}
<div className='my-8'>
<h3 className='text-lg font-semibold text-gray-800 mb-4 pb-2 border-b border-gray-200'>
Informasi Penerimaan Barang
</h3>
<div className='rounded-lg border border-gray-200 overflow-hidden'>
<div className='overflow-x-auto'>
<Table<PurchaseItem>
data={goodsReceiptItems}
columns={goodsReceiptColumns}
isLoading={false}
className={{
containerClassName: 'm-0',
tableWrapperClassName: 'overflow-x-auto',
tableClassName: 'w-full table-auto',
headerRowClassName: 'bg-gray-50 border-b border-gray-200',
headerColumnClassName:
'px-4 py-3 text-sm font-semibold text-gray-700 text-left whitespace-nowrap',
bodyRowClassName:
'border-b border-gray-100 hover:bg-gray-50 transition-colors',
bodyColumnClassName:
'px-4 py-3 text-sm text-gray-900 whitespace-nowrap',
paginationClassName: 'hidden',
}}
/>
</div>
</div>
</div>
</Card>