1 files changed, 29 insertions, 21 deletions
diff --git a/src/lib/tempo/components/Tempo.jsx b/src/lib/tempo/components/Tempo.jsx
index dc8307c8..8a7f4f71 100644
--- a/src/lib/tempo/components/Tempo.jsx
+++ b/src/lib/tempo/components/Tempo.jsx
@@ -108,7 +108,7 @@ const Tempo = () => {
             <div className='flex flex-col mb-6 items-start justify-start'>
               <h1 className='text-title-sm font-semibold'>Pembayaran Tempo</h1>
               <p className='flex flex-row gap-2 w-full'>
-                Jenis Tempo Pembayaran Anda adalah{' '}
+                Status Detail Tempo Pembayaran Anda adalah{' '}
                 <Skeleton
                   isLoaded={!isLoading}
                   h='fit'
@@ -175,7 +175,7 @@ const Tempo = () => {
                 {getLabel()}
               </span>
             </div>
-            {tempo.length > 0 && !tempo.paymentTerm ? (
+            {auth?.tempoProgres == 'review' && !tempo.paymentTerm ? (
               <div className='flex justify-center'>
                 <Image
                   src='/images/ICON-DOKUMEN-VERIFIKASI.png'
@@ -265,12 +265,12 @@ const Tempo = () => {
                         <td>
                           {invoice.amountResidual > 0 ? (
                             new Date() > getDueDate(invoice.invoiceDateDue) ? (
-                              <div className='inline-flex items-center rounded-md bg-red-50 px-2 py-1 text-xs font-medium text-red-700 ring-1 ring-inset ring-red-600/20'>
+                              <div className='badge-solid-red h-fit mx-auto'>
                                 Jatuh Tempo
                               </div>
                             ) : (
-                              <div className='badge-solid-red h-fit mx-auto'>
-                                Belum Lunas
+                              <div className=' h-fit mx-auto inline-flex items-center rounded-md bg-red-50 px-2 py-1 text-xs font-medium text-red-700 ring-1 ring-inset ring-red-600/20'>
+                                Belum Jatuh Tempo
                               </div>
                             )
                           ) : (
@@ -308,7 +308,7 @@ const Tempo = () => {
           <div className='flex flex-col gap-y-4 '>
             <div className='flex flex-col items-center justify-center'>
               <p className='flex flex-row w-full text-sm gap-2 items-center justify-start'>
-                Jenis Tempo Pembayaran Anda adalah{' '}
+                Status Detail Tempo Pembayaran Anda adalah{' '}
                 <Skeleton
                   isLoaded={!isLoading}
                   h='fit'
@@ -377,18 +377,20 @@ const Tempo = () => {
           </div>
         </div>
         <div className='p-4 flex flex-col gap-y-4'>
-          <form className='flex gap-x-3' onSubmit={handleSubmit}>
-            <input
-              type='text'
-              className='form-input'
-              placeholder='Cari Invoice...'
-              value={inputQuery}
-              onChange={(e) => setInputQuery(e.target.value)}
-            />
-            <button className='btn-light bg-transparent px-3' type='submit'>
-              <MagnifyingGlassIcon className='w-6' />
-            </button>
-          </form>
+          {!invoices.isLoading && invoices.data?.invoices?.length != 0 && (
+            <form className='flex gap-x-3' onSubmit={handleSubmit}>
+              <input
+                type='text'
+                className='form-input'
+                placeholder='Cari Invoice...'
+                value={inputQuery}
+                onChange={(e) => setInputQuery(e.target.value)}
+              />
+              <button className='btn-light bg-transparent px-3' type='submit'>
+                <MagnifyingGlassIcon className='w-6' />
+              </button>
+            </form>
+          )}
 
           {invoices.isLoading && (
             <div className='flex justify-center my-4'>
@@ -397,9 +399,15 @@ const Tempo = () => {
           )}
 
           {!invoices.isLoading && invoices.data?.invoices?.length === 0 && (
-            <Alert type='info' className='text-center'>
-              Tidak ada invoice
-            </Alert>
+            // <Alert type='info' className='text-center'>
+            //   Tidak ada invoice
+            // </Alert>
+            <Image
+              src='/images/ICON-DOKUMEN-VERIFIKASI.png'
+              alt='Registrasi Tempo'
+              width={isMobile ? 300 : 600}
+              height={isMobile ? 300 : 550}
+            />
           )}
 
           {invoices.data?.invoices?.map((invoice, index) => (