From 179095d589eaef4f7269b21cb6ec3f9a1b581a0a Mon Sep 17 00:00:00 2001
From: "MSI\\derek" <abc@gmail.com>
Date: Mon, 27 Jan 2025 12:17:10 +0800
Subject: [PATCH] update finan summ

---
 .../FinnancialStatusByProject.tsx                      | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/components/ProjectFinancialSummaryV2/FinnancialStatusByProject.tsx b/src/components/ProjectFinancialSummaryV2/FinnancialStatusByProject.tsx
index 63f53bb..cf58e73 100644
--- a/src/components/ProjectFinancialSummaryV2/FinnancialStatusByProject.tsx
+++ b/src/components/ProjectFinancialSummaryV2/FinnancialStatusByProject.tsx
@@ -277,7 +277,9 @@ const FinancialStatusByProject: React.FC<Props> = ({
       minWidth: 250,
       type: "number",
       renderCell: (params: any) => {
-        var nonInvoiced = params.row.totalFee - params.row.invoicedAmount
+        var fee = params.row.totalFee
+        var invoiced = params.row.invoicedAmount
+        var nonInvoiced = fee - invoiced < 0 ? 0 : fee - invoiced
         return (
           <span>
             $
@@ -517,11 +519,13 @@ const FinancialStatusByProject: React.FC<Props> = ({
       minWidth: 250,
       type: "number",
       renderCell: (params: any) => {
-        var uninvoiced = params.row.totalFee - params.row.invoicedAmount
+        var fee = params.row.totalFee
+        var invoiced = params.row.invoicedAmount
+        var nonInvoiced = fee - invoiced < 0 ? 0 : fee - invoiced
         return (
           <span>
             $
-            {uninvoiced.toLocaleString(undefined, {
+            {nonInvoiced.toLocaleString(undefined, {
               minimumFractionDigits: 2,
               maximumFractionDigits: 2,
             })}