From ad3418b4181a79485b0feb6882d6ae4ec744c776 Mon Sep 17 00:00:00 2001
From: it-fixcomart <it@fixcomart.co.id>
Date: Thu, 9 Jan 2025 09:51:23 +0700
Subject: <iman> update tempo

---
 src/lib/tempo/components/Tempo.jsx | 40 +++++++-------------------------------
 1 file changed, 7 insertions(+), 33 deletions(-)

(limited to 'src')

diff --git a/src/lib/tempo/components/Tempo.jsx b/src/lib/tempo/components/Tempo.jsx
index f2a9e650..b79824fa 100644
--- a/src/lib/tempo/components/Tempo.jsx
+++ b/src/lib/tempo/components/Tempo.jsx
@@ -76,12 +76,7 @@ const Tempo = () => {
     parseInt(tempo.amountDue + tempo.remainingLimit)
   );
   const amountDue = Math.round(parseInt(tempo.amountDue + tempo.amountDueSale));
-  const getLabel = () => {
-    if (Math.round((amountDue / limitTempo) * 100) >= 100)
-      return 'Limit Tempo mencapai batas';
-    if (Math.round((amountDue / limitTempo) * 100) >= 50) return 'Hampir Habis';
-    return '';
-  };
+
   const startItem = 1 + (pageNew - 1) * limitNew;
   const endItem = Math.min(
     limitNew * pageNew,
@@ -159,13 +154,13 @@ const Tempo = () => {
                 </Skeleton>
               </p>
             </div>
-            <div className='flex flex-row gap-4'>
+            <div className='grid grid-flow-col gap-4'>
               <div className='border w-full p-4'>
                 <p>Sisa Kredit Limit</p>
                 <Skeleton
                   isLoaded={!isLoading}
                   h='36px'
-                  // w={16}
+                  w='full'
                   className='text-3xl font-semibold text-green-600'
                 >
                   {limitTempo && amountDue
@@ -176,7 +171,7 @@ const Tempo = () => {
                 </Skeleton>
               </div>
               <div
-                className={`border  w-fit p-4 flex gap-4 items-center hover:cursor-pointer hover:shadow-lg ${
+                className={`border  w-full p-4 flex gap-4  items-center hover:cursor-pointer hover:shadow-lg ${
                   statusNew == 4 ? 'bg-red-100' : ''
                 }`}
                 onClick={handleClick}
@@ -186,7 +181,7 @@ const Tempo = () => {
                   <Skeleton
                     isLoaded={!isLoading}
                     h='36px'
-                    // w={16}
+                    w='full'
                     className='text-3xl font-semibold text-red-600'
                   >
                     {amountDue ? currencyFormat(amountDue) : '-'}
@@ -201,7 +196,7 @@ const Tempo = () => {
                 </div>
               </div>
               <div
-                className={`border  w-fit p-4 flex gap-4 items-center hover:cursor-pointer hover:shadow-lg ${
+                className={`border  w-full p-4 flex gap-4 items-center hover:cursor-pointer hover:shadow-lg ${
                   statusNew == 1 ? 'bg-red-100' : ''
                 }`}
                 onClick={handleClickInvoice}
@@ -211,7 +206,7 @@ const Tempo = () => {
                   <Skeleton
                     isLoaded={!isLoading}
                     h='36px'
-                    // w={16}
+                    w='full'
                     className='text-3xl font-semibold text-red-600'
                   >
                     {tempo.amountJatuhTempo
@@ -240,11 +235,6 @@ const Tempo = () => {
               </div> */}
             </div>
 
-            <div className='flex gap-2 flex-col'>
-              <span className='flex justify-end opacity-75 font-semibold text-red-500'>
-                {getLabel()}
-              </span>
-            </div>
             {auth && auth?.tempoProgres == 'review' && !tempo.paymentTerm ? (
               <div className='flex justify-center'>
                 <Image
@@ -488,22 +478,6 @@ const Tempo = () => {
                 </Skeleton>
               </div>
             </div>
-            <div className='flex gap-2 flex-col'>
-              <ProgressBar
-                completed={amountDue}
-                bgColor='#ef4444'
-                labelAlignment='outside'
-                isLabelVisible={false}
-                baseBgColor='#E5E7EB'
-                labelColor='#e80909'
-                labelSize='0'
-                maxCompleted={limitTempo}
-                height='6px'
-              />
-              <span className='flex justify-end opacity-75 text-xs font-semibold text-red-500'>
-                {getLabel()}
-              </span>
-            </div>
           </div>
         </div>
         <div className='p-4 flex flex-col gap-y-4'>
-- 
cgit v1.2.3