From 4ab6c248604b56708e1530e426533624beb27cda Mon Sep 17 00:00:00 2001
From: it-fixcomart <it@fixcomart.co.id>
Date: Mon, 17 Feb 2025 13:06:34 +0700
Subject: <iman> update code minus kredit limit & add banner

---
 src/lib/tempo/components/Tempo.jsx | 16 ++++++++++++----
 1 file changed, 12 insertions(+), 4 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 c246f3d8..19cd673b 100644
--- a/src/lib/tempo/components/Tempo.jsx
+++ b/src/lib/tempo/components/Tempo.jsx
@@ -153,14 +153,18 @@ const Tempo = () => {
                 </Skeleton>
               </p>
             </div>
-            <div className='grid grid-flow-col gap-4'>
+            <div className='grid grid-flow-col gap-2'>
               <div className='border w-full p-4'>
                 <p>Sisa Kredit Limit</p>
                 <Skeleton
                   isLoaded={!isLoading}
-                  h='36px'
+                  h='fit'
                   w='full'
-                  className='text-3xl font-semibold text-green-600'
+                  className={`text-3xl font-semibold ${
+                    limitTempo - amountDue < 0
+                      ? 'text-red-500'
+                      : 'text-green-600'
+                  } `}
                 >
                   {limitTempo && amountDue
                     ? currencyFormat(
@@ -468,7 +472,11 @@ const Tempo = () => {
                   isLoaded={!isLoading}
                   // h='36px'
                   // w={16}
-                  className='font-semibold text-sm text-nowrap text-green-700 '
+                  className={`font-semibold text-sm text-nowrap ${
+                    limitTempo - amountDue < 0
+                      ? 'text-red-500'
+                      : 'text-green-700'
+                  }`}
                 >
                   {limitTempo && amountDue
                     ? currencyFormat(
-- 
cgit v1.2.3

