From 00cbfa62bf4c5784b1c49c766cc2a53749a6cc43 Mon Sep 17 00:00:00 2001
From: it-fixcomart <it@fixcomart.co.id>
Date: Thu, 21 Nov 2024 16:38:57 +0700
Subject: <iman> edit pengajuan tempo

---
 src/lib/tempo/components/Tempo.jsx | 20 ++++++++++++--------
 1 file changed, 12 insertions(+), 8 deletions(-)

(limited to 'src/lib/tempo/components/Tempo.jsx')

diff --git a/src/lib/tempo/components/Tempo.jsx b/src/lib/tempo/components/Tempo.jsx
index 71dd0f64..d8af450d 100644
--- a/src/lib/tempo/components/Tempo.jsx
+++ b/src/lib/tempo/components/Tempo.jsx
@@ -305,7 +305,7 @@ const Tempo = () => {
             </div>
             <div className='flex  justify-around text-sm '>
               <div className='w-[40%]  flex flex-col gap-2'>
-                <p>Limit Tempo Terpakai</p>
+                <p>Kredit Limit Terpakai</p>
                 <Skeleton
                   isLoaded={!isLoading}
                   // h='36px'
@@ -327,7 +327,7 @@ const Tempo = () => {
                 </Skeleton>
               </div>
               <div className=' w-[30%] flex flex-col gap-2'>
-                <p>Limit Tempo</p>
+                <p>Kredit Limit</p>
                 <Skeleton
                   isLoaded={!isLoading}
                   // h='36px'
@@ -396,13 +396,17 @@ const Tempo = () => {
                     {invoice.salesOrder}
                   </h2>
                 </Link>
-                <div className='flex gap-x-1 justify-end  items-center'>
+                <div className='flex gap-x-1 justify-end  items-end '>
                   {invoice.amountResidual > 0 ? (
-                    <div className='badge-solid-red h-fit ml-auto'>
-                      {new Date() > getDueDate(invoice.invoiceDateDue)
-                        ? 'Jatuh Tempo'
-                        : 'Belum Lunas'}
-                    </div>
+                    new Date() > getDueDate(invoice.invoiceDateDue) ? (
+                      <div className='inline-flex items-end rounded-md bg-red-50 px-2 py-1 text-xs font-medium text-red-700 ring-1 ring-inset ring-red-600/20'>
+                        Jatuh Tempo
+                      </div>
+                    ) : (
+                      <div className='badge-solid-red h-fit ml-auto'>
+                        Belum Lunas
+                      </div>
+                    )
                   ) : (
                     <div className='badge-solid-green h-fit ml-auto'>Lunas</div>
                   )}
-- 
cgit v1.2.3

