From 80081dfd3aad03dc268dd0ada29b6bdc71ecefef Mon Sep 17 00:00:00 2001
From: kelvinsuen <kelvin.suen@2fi-solutions.com.hk>
Date: Tue, 27 Aug 2024 18:31:40 +0800
Subject: [PATCH] fix financial card display

---
 .../ProjectFinancialCard.tsx                  | 36 ++++++++-----------
 1 file changed, 15 insertions(+), 21 deletions(-)

diff --git a/src/components/ProjectFinancialSummary/ProjectFinancialCard.tsx b/src/components/ProjectFinancialSummary/ProjectFinancialCard.tsx
index c5c6158..4ecc36f 100644
--- a/src/components/ProjectFinancialSummary/ProjectFinancialCard.tsx
+++ b/src/components/ProjectFinancialSummary/ProjectFinancialCard.tsx
@@ -133,7 +133,6 @@ const ProjectFinancialCard: React.FC<Props> = ({
       <div className="text-sm font-medium mx-5" style={{ color: "#898d8d" }}>
         {t("Cash Flow Status")}
       </div>
-      {CashFlowStatus === "Negative" && (
         <>
           <div
             className="text-lg font-medium mx-5"
@@ -143,7 +142,6 @@ const ProjectFinancialCard: React.FC<Props> = ({
           </div>
           <hr />
         </>
-      )}
       <div
         className="text-sm mt-2 font-medium mx-5"
         style={{ color: "#898d8d" }}
@@ -164,33 +162,29 @@ const ProjectFinancialCard: React.FC<Props> = ({
       <div className="text-sm font-medium mx-5" style={{ color: "#898d8d" }}>
         {t("Projected Cash Flow Status")}
       </div>
-      {ProjectedCashFlowStatus === "Negative" && (
-        <>
-          <div
-            className="text-lg font-medium mx-5"
-            style={ProjectedCashFlowStatus === "Negative"  && dataNegativeStyle || dataPositiveStyle}
-          >
-            {t(ProjectedCashFlowStatus)}
-          </div>
-          <hr />
-        </>
-      )}
+      <>
+        <div
+          className="text-lg font-medium mx-5"
+          style={ProjectedCashFlowStatus === "Negative"  && dataNegativeStyle || dataPositiveStyle}
+        >
+          {t(ProjectedCashFlowStatus)}
+        </div>
+        <hr />
+      </>
       <div
         className="text-sm mt-2 font-medium mx-5"
         style={{ color: "#898d8d" }}
       >
         {t("Projected Cost Performance Index") + " (CPI)"}
       </div>
-      {Number(ProjectedCPI) < 1 && (
         <>
-          <div
-            className="text-lg font-medium mx-5 mb-2"
-            style={Number(ProjectedCPI) < 1  && dataNegativeStyle || dataPositiveStyle}
-          >
-            {ProjectedCPI}
-          </div>
+        <div
+          className="text-lg font-medium mx-5 mb-2"
+          style={Number(ProjectedCPI) < 1  && dataNegativeStyle || dataPositiveStyle}
+        >
+          {ProjectedCPI}
+        </div>
         </>
-      )}
     </Card>
   );
 };