1 files changed, 7 insertions, 33 deletions
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'>