|
|
@@ -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> |
|
|
|
); |
|
|
|
}; |
|
|
|