refactor(FE-208,212): improve rendering of grouped goods receipt items in PurchaseOrderDetail

This commit is contained in:
rstubryan
2025-11-19 10:55:44 +07:00
parent af5dfa9292
commit d2a69917e7
@@ -774,14 +774,13 @@ const PurchaseOrderDetail = ({
</RowDropdownOptions> </RowDropdownOptions>
)} )}
</div> </div>
<div className='rounded-lg border border-gray-200 overflow-hidden'> <div className='overflow-x-auto'>
<div className='overflow-x-auto'> {groupedGoodsReceiptItems.length > 0 ? (
{groupedGoodsReceiptItems.length > 0 ? ( <div>
<div className='space-y-8'> {groupedGoodsReceiptItems.map((productData, index) => (
{groupedGoodsReceiptItems.map((productData) => ( <div key={productData.productIndex}>
<div <div
key={productData.productIndex} className='border border-gray-200 rounded-lg overflow-hidden mb-6'
className='border border-gray-200 rounded-lg overflow-hidden'
> >
{/* Product Header */} {/* Product Header */}
<div className='font-semibold text-gray-900 bg-gray-100 px-6 py-4 text-lg'> <div className='font-semibold text-gray-900 bg-gray-100 px-6 py-4 text-lg'>
@@ -810,14 +809,19 @@ const PurchaseOrderDetail = ({
}} }}
/> />
</div> </div>
))}
</div> {/* Add divider after table except for last item */}
) : ( {index < groupedGoodsReceiptItems.length - 1 && (
<div className='text-center py-8 text-gray-500'> <div className='border-t border-gray-200 my-6'></div>
Tidak ada data penerimaan barang )}
</div> </div>
)} ))}
</div> </div>
) : (
<div className='text-center py-8 text-gray-500'>
Tidak ada data penerimaan barang
</div>
)}
</div> </div>
</div> </div>
</Card> </Card>