diff --git a/packages/blade/package.json b/packages/blade/package.json index 274aebd8ba4..72a66b682e5 100644 --- a/packages/blade/package.json +++ b/packages/blade/package.json @@ -280,8 +280,8 @@ "typescript-transform-paths": "3.4.7", "@types/body-scroll-lock": "3.1.0", "ramda": "0.29.1", - "@razorpay/i18nify-js": "1.9.3", - "@razorpay/i18nify-react": "4.0.8", + "@razorpay/i18nify-js": "1.10.3", + "@razorpay/i18nify-react": "4.0.9", "plop": "3.1.1", "node-plop": "0.32.0", "svgson": "5.3.1" @@ -300,8 +300,8 @@ "react-hot-toast": "2.4.1", "@gorhom/bottom-sheet": "^4.4.6", "@gorhom/portal": "^1.0.14", - "@razorpay/i18nify-js": "^1.9.3", - "@razorpay/i18nify-react": "^4.0.8" + "@razorpay/i18nify-js": "^1.10.3", + "@razorpay/i18nify-react": "^4.0.9" }, "peerDependenciesMeta": { "react-native": { diff --git a/packages/blade/src/components/Amount/Amount.tsx b/packages/blade/src/components/Amount/Amount.tsx index 3f11781e291..04cb73fe93e 100644 --- a/packages/blade/src/components/Amount/Amount.tsx +++ b/packages/blade/src/components/Amount/Amount.tsx @@ -116,7 +116,6 @@ const AmountValue = ({ fontFamily={numberFontFamily} as={isReactNative ? undefined : 'span'} > - {amount.minusSign} {amount.integer} - {amount.minusSign} {amount.formatted} ); @@ -188,27 +186,29 @@ export const formatAmountWithSuffix = ({ }; } case 'humanize': { - const formatted = formatNumber(value, { + const options = { intlOptions: { notation: 'compact', maximumFractionDigits: 2, trailingZeroDisplay: 'stripIfInteger', }, - }); + } as const; return { - formatted, + ...formatNumberByParts(value, options), + formatted: formatNumber(value, options), }; } default: { - const formatted = formatNumber(value, { + const options = { intlOptions: { maximumFractionDigits: 0, roundingMode: 'floor', }, - }); + } as const; return { - formatted, + ...formatNumberByParts(value, options), + formatted: formatNumber(value, options), }; } } @@ -298,6 +298,8 @@ const _Amount = ({ : normalAmountSizes[type][size]; const isReactNative = getPlatformType() === 'react-native'; + console.log(renderedValue); + return ( + {renderedValue.minusSign ? ( + + {renderedValue.minusSign} + + ) : null} {currencyPosition === 'left' && (