diff options
| author | IT Fixcomart <it@fixcomart.co.id> | 2025-08-12 09:00:01 +0000 |
|---|---|---|
| committer | IT Fixcomart <it@fixcomart.co.id> | 2025-08-12 09:00:01 +0000 |
| commit | f62358c34e8449088093267ccf694b18b4d09cd6 (patch) | |
| tree | 3de77144beefa54e6d75354a1a57600213864d42 /src/lib/treckingAwb | |
| parent | c33f96ba48e112d3beb3c4b63522a9c1e1840051 (diff) | |
| parent | cb1bf0046249492094e59107ee5c904a36338eeb (diff) | |
Merged in cr/repeat-order (pull request #436)
Cr/repeat order
Diffstat (limited to 'src/lib/treckingAwb')
| -rw-r--r-- | src/lib/treckingAwb/component/InformationSection.jsx | 4 | ||||
| -rw-r--r-- | src/lib/treckingAwb/component/Manifest.jsx | 25 |
2 files changed, 29 insertions, 0 deletions
diff --git a/src/lib/treckingAwb/component/InformationSection.jsx b/src/lib/treckingAwb/component/InformationSection.jsx index a2297af3..4b3bd5fb 100644 --- a/src/lib/treckingAwb/component/InformationSection.jsx +++ b/src/lib/treckingAwb/component/InformationSection.jsx @@ -69,6 +69,10 @@ const InformationSection = ({ manifests }) => { <span className='text-red-600 font-semibold'>{manifests?.eta}</span> </span> </div> + <div className='grid grid-cols-[150px_auto]'> + <span>Total Product</span> + <span className='font-semibold'> : {Array.isArray(manifests?.products) ? manifests.products.length : 0} Product</span> + </div> </div> </div> ); diff --git a/src/lib/treckingAwb/component/Manifest.jsx b/src/lib/treckingAwb/component/Manifest.jsx index acb86f57..6eb0b0ac 100644 --- a/src/lib/treckingAwb/component/Manifest.jsx +++ b/src/lib/treckingAwb/component/Manifest.jsx @@ -223,6 +223,31 @@ const Manifest = ({ idAWB, closePopup }) => { ) } </div> + + {/* Barang */} + <div className='mt-1'> + {Array.isArray(manifests?.products) && manifests.products.length > 0 ? ( + <div className='flex flex-col gap-4'> + {manifests.products.map((product, idx) => ( + <div key={idx} className='flex gap-4 border-b pb-4'> + {/* Gambar Produk */} + <img + src={product.image} + alt={product.name} + className='w-16 h-16 object-contain border' + /> + {/* Info Produk */} + <div className='flex flex-col flex-1'> + <span className='font-semibold'>{product.name}</span> + <span className='text-sm text-gray-500'>{product.code}</span> + </div> + </div> + ))} + </div> + ) : ( + <span></span> + )} + </div> </BottomPopup> )} </> |