summaryrefslogtreecommitdiff
path: root/src/lib/treckingAwb/component
diff options
context:
space:
mode:
Diffstat (limited to 'src/lib/treckingAwb/component')
-rw-r--r--src/lib/treckingAwb/component/Manifest.jsx76
1 files changed, 76 insertions, 0 deletions
diff --git a/src/lib/treckingAwb/component/Manifest.jsx b/src/lib/treckingAwb/component/Manifest.jsx
index acb86f57..5b456ccf 100644
--- a/src/lib/treckingAwb/component/Manifest.jsx
+++ b/src/lib/treckingAwb/component/Manifest.jsx
@@ -135,6 +135,82 @@ const Manifest = ({ idAWB, closePopup }) => {
</div>
)}
</div>
+<<<<<<< HEAD
+ <div className=''>
+ <h1 className='text-body-1'>
+ Estimasi tiba pada{' '}
+ <span className='text-gray_r-11 text-sm'>({manifests?.eta})</span>
+ </h1>
+ <h1 className='text-sm mt-2 mb-3'>
+ Dikirim Menggunakan{' '}
+ <span className='text-red-500 font-semibold'>
+ {manifests?.deliveryOrder.carrier}
+ </span>
+ </h1>
+ {manifests?.waybillNumber && (
+ <div className='flex justify-between items-center'>
+ <h3>No. Resi</h3>
+ <div className='flex justify-between gap-x-2 items-center'>
+ <h3 className='font-semibold'>{manifests?.waybillNumber}</h3>
+ <button
+ className={`${copied ? 'text-gray-400' : 'text-red-600 '}`}
+ onClick={() => handleCopyClick()}
+ >
+ <svg
+ aria-hidden='true'
+ fill='none'
+ stroke='currentColor'
+ stroke-width='1.5'
+ viewBox='0 0 24 24'
+ className='w-5 h-6'
+ >
+ <path
+ d='M15.75 17.25v3.375c0 .621-.504 1.125-1.125 1.125h-9.75a1.125 1.125 0 01-1.125-1.125V7.875c0-.621.504-1.125 1.125-1.125H6.75a9.06 9.06 0 011.5.124m7.5 10.376h3.375c.621 0 1.125-.504 1.125-1.125V11.25c0-4.46-3.243-8.161-7.5-8.876a9.06 9.06 0 00-1.5-.124H9.375c-.621 0-1.125.504-1.125 1.125v3.5m7.5 10.375H9.375a1.125 1.125 0 01-1.125-1.125v-9.25m12 6.625v-1.875a3.375 3.375 0 00-3.375-3.375h-1.5a1.125 1.125 0 01-1.125-1.125v-1.5a3.375 3.375 0 00-3.375-3.375H9.75'
+ stroke-linecap='round'
+ stroke-linejoin='round'
+ ></path>
+ </svg>
+ </button>
+ </div>
+ </div>
+ )}
+ </div>
+ <hr className='mt-4' />
+ <div className='pt-4'>
+ <ol class='relative border-l border-gray_r-7'>
+ {manifests?.manifests?.map((manifest, index) => (
+ <>
+ <li class='mb-6 ml-4' key={index}>
+ {manifests.delivered == true && index == 0 ? (
+ <div
+ class={`absolute w-6 h-6 rounded-full mt-1.5 -left-3 border ${
+ index == 0
+ ? 'bg-green-100 border-green-100'
+ : 'bg-gray_r-7 border-white'
+ }`}
+ >
+ <ImageNext
+ src='/images/open-box(1).svg'
+ width={30}
+ height={20}
+ />
+ </div>
+ ) : (
+ <div
+ class={`absolute w-3 h-3 rounded-full mt-1.5 -left-1.5 border bg-gray_r-7 border-white`}
+ />
+ )}
+ {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'
+ } `}
+ />
+ )}
+=======
+>>>>>>> new-release
<InformationSection manifests={manifests} />