diff options
| author | HATEC\SPVDEV001 <tri.susilo@altama.co.id> | 2023-09-08 14:16:44 +0700 |
|---|---|---|
| committer | HATEC\SPVDEV001 <tri.susilo@altama.co.id> | 2023-09-08 14:16:44 +0700 |
| commit | fd0e97e0a4a9b6d625c7c0605d415955b9b25597 (patch) | |
| tree | 613323dfae53145d8c1cb4da48d4e4a34471ebd1 /src/lib/treckingAwb/component | |
| parent | 7809824df6af3ae1eb37f1f2d1354a0efaa1e36e (diff) | |
cr - traking web awb
Diffstat (limited to 'src/lib/treckingAwb/component')
| -rw-r--r-- | src/lib/treckingAwb/component/Manifest.jsx | 16 |
1 files changed, 12 insertions, 4 deletions
diff --git a/src/lib/treckingAwb/component/Manifest.jsx b/src/lib/treckingAwb/component/Manifest.jsx index 185a9d55..cf2fa4ed 100644 --- a/src/lib/treckingAwb/component/Manifest.jsx +++ b/src/lib/treckingAwb/component/Manifest.jsx @@ -5,6 +5,7 @@ import { getAuth } from '@/core/utils/auth' import { useEffect, useState } from 'react' import { toast } from 'react-hot-toast' import ImageNext from 'next/image' +import { list } from 'postcss' const Manifest = ({ idAWB, closePopup }) => { const [manifests, setManifests] = useState(null) @@ -84,14 +85,19 @@ const Manifest = ({ idAWB, closePopup }) => { > <div className='flex justify-between items-center mb-5'> <h1 className='text-body-1'>Status Pesanan</h1> - {manifests?.delivered && ( + {manifests?.status === 'completed' && ( <div className='bg-green-100 p-2 rounded '> <p className='text-green-600 text-sm'>Pesanan Tiba</p> </div> )} - {!manifests?.delivered && ( + {manifests?.status === 'shipment' && ( + <div className='bg-yellow-100 p-2 rounded '> + <p className='text-yellow-600 text-sm'>Sedang Dikirim</p> + </div> + )} + {manifests?.status === 'pending' && ( <div className='bg-red-100 p-2 rounded '> - <p className='text-red-600 text-sm'>Sedang Dikirim</p> + <p className='text-red-600 text-sm'>Pending</p> </div> )} </div> @@ -152,7 +158,9 @@ const Manifest = ({ idAWB, closePopup }) => { )} {manifests.delivered != true && ( <div - class={`absolute w-3 h-3 rounded-full mt-1.5 -left-1.5 border ${index == 0 ? 'bg-green-600 border-green-600' : 'bg-gray_r-7 border-white'} `} + class={`absolute w-3 h-3 rounded-full mt-1.5 -left-1.5 border ${ + index == 0 ? 'bg-green-600 border-green-600' : 'bg-gray_r-7 border-white' + } `} /> )} |
