From 40411b0417431a21d44dd8733f9ac222d70ebdcf Mon Sep 17 00:00:00 2001
From: randy-ar <randyabdulrahman87@gmail.com>
Date: Tue, 3 Feb 2026 14:12:08 +0700
Subject: [PATCH] fix(FE): fixing total text color debt supplier

---
 .../pages/report/finance/tab/DebtSupplierTab.tsx     | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/src/components/pages/report/finance/tab/DebtSupplierTab.tsx b/src/components/pages/report/finance/tab/DebtSupplierTab.tsx
index 88e5a693..5e7781bf 100644
--- a/src/components/pages/report/finance/tab/DebtSupplierTab.tsx
+++ b/src/components/pages/report/finance/tab/DebtSupplierTab.tsx
@@ -473,7 +473,9 @@ const DebtSupplierTab = ({ tabId }: DebtSupplierTabProps) => {
       footer: () => {
         const value = supplier?.total.total_price;
         return (
-          <div className={`text-right ${value || 0 < 0 ? 'text-red-500' : ''}`}>
+          <div
+            className={`text-right ${value && value < 0 ? 'text-red-500' : ''}`}
+          >
             {formatCurrency(value || 0)}
           </div>
         );
@@ -495,7 +497,9 @@ const DebtSupplierTab = ({ tabId }: DebtSupplierTabProps) => {
       footer: () => {
         const value = supplier?.total.payment_price;
         return (
-          <div className={`text-right ${value || 0 < 0 ? 'text-red-500' : ''}`}>
+          <div
+            className={`text-right ${value && value < 0 ? 'text-red-500' : ''}`}
+          >
             {formatCurrency(value || 0)}
           </div>
         );
@@ -517,7 +521,9 @@ const DebtSupplierTab = ({ tabId }: DebtSupplierTabProps) => {
       footer: () => {
         const value = supplier?.total.debt_price;
         return (
-          <div className={`text-right ${value || 0 < 0 ? 'text-red-500' : ''}`}>
+          <div
+            className={`text-right ${value && value < 0 ? 'text-red-500' : ''}`}
+          >
             {formatCurrency(value || 0)}
           </div>
         );