X2-10712 fix negative sign order for currency component (#350)

fix negative sign order for currency component
xola · Oct 23, 2024 · cbecb12 · cbecb12
1 parent 4573905
commit cbecb12
Showing 1 changed file with 13 additions and 1 deletion.
diff --git a/src/components/Utilities/Currency.jsx b/src/components/Utilities/Currency.jsx
@@ -22,17 +22,29 @@ export const Currency = ({
 
     const maxDigits = isZeroDecimal(currency) ? 0 : maximumFractionDigits;
     let formattedAmount = numberFormat(amount, currency, locale, maxDigits, compact);
+
+    const isNegative = amount < 0;
+    if (isNegative) {
+        formattedAmount = formattedAmount.replace("-", "");
+    }
+
     if (compact) {
         return (
             <span className="ui-currency">
+                {isNegative && "-"}
                 {getSymbol(currency, locale, isNarrowSymbolForm)}
                 {formattedAmount}
             </span>
         );
     }
 
     formattedAmount = shouldRemoveTrailingZeroes ? formattedAmount.replace(".00", "") : formattedAmount;
-    return <span className="ui-currency">{formattedAmount}</span>;
+    return (
+        <span className="ui-currency">
+            {isNegative && "-"}
+            {formattedAmount}
+        </span>
+    );
 };
 
 Currency.propTypes = {