diff --git a/src/components/CurrentWalletBalance.js b/src/components/CurrentWalletBalance.js index b58fe6108dd1..f24b4cff8942 100644 --- a/src/components/CurrentWalletBalance.js +++ b/src/components/CurrentWalletBalance.js @@ -34,13 +34,15 @@ const CurrentWalletBalance = (props) => { ); } - const formattedBalance = Number(props.userWallet.availableBalance).toFixed(2); - + const formattedBalance = props.numberFormat( + props.userWallet.availableBalance, + {style: 'currency', currency: 'USD'}, + ); return ( - {`$${formattedBalance}`} + {`${formattedBalance}`} ); }; diff --git a/src/libs/numberFormat/index.native.js b/src/libs/numberFormat/index.native.js index de5366f4faba..f18ac62148f7 100644 --- a/src/libs/numberFormat/index.native.js +++ b/src/libs/numberFormat/index.native.js @@ -4,8 +4,9 @@ import '@formatjs/intl-locale/polyfill'; import '@formatjs/intl-pluralrules/polyfill'; import '@formatjs/intl-numberformat/polyfill'; -// Load en Locale data +// Load en & es Locale data import '@formatjs/intl-numberformat/locale-data/en'; +import '@formatjs/intl-numberformat/locale-data/es'; function numberFormat(locale, number, options) { return new Intl.NumberFormat(locale, options).format(number);