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', wrapper: 'w-full mt-8',
}} }}
> >
<div className='rounded-lg border border-gray-200 overflow-hidden mt-8'> {/* Detail Penerimaan Barang Section */}
<div className='overflow-x-auto'> <div className='my-8'>
<Table<PurchaseItem> <h3 className='text-lg font-semibold text-gray-800 mb-4 pb-2 border-b border-gray-200'>
data={goodsReceiptItems} Informasi Penerimaan Barang
columns={goodsReceiptColumns} </h3>
isLoading={false} <div className='rounded-lg border border-gray-200 overflow-hidden'>
className={{ <div className='overflow-x-auto'>
containerClassName: 'm-0', <Table<PurchaseItem>
tableWrapperClassName: 'overflow-x-auto', data={goodsReceiptItems}
tableClassName: 'w-full table-auto', columns={goodsReceiptColumns}
headerRowClassName: 'bg-gray-50 border-b border-gray-200', isLoading={false}
headerColumnClassName: className={{
'px-4 py-3 text-sm font-semibold text-gray-700 text-left whitespace-nowrap', containerClassName: 'm-0',
bodyRowClassName: tableWrapperClassName: 'overflow-x-auto',
'border-b border-gray-100 hover:bg-gray-50 transition-colors', tableClassName: 'w-full table-auto',
bodyColumnClassName: headerRowClassName: 'bg-gray-50 border-b border-gray-200',
'px-4 py-3 text-sm text-gray-900 whitespace-nowrap', headerColumnClassName:
paginationClassName: 'hidden', '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>
</div> </div>
</Card> </Card>