Peter/refactor usd price formatting (#1553)

* chore: update monetary to latest 0.7.3 * refactor: show 3 decimal places in usd price if amount is below 1 cent
interlay · Sep 6, 2023 · 9e6ee51 · 9e6ee51 · vercel · Sep 6, 2023
1 parent 1f80570
commit 9e6ee51
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/src/common/utils/utils.ts b/src/common/utils/utils.ts
@@ -78,7 +78,8 @@ const formatUSD = (amount: number, options?: { compact?: boolean }): string => {
   const { format } = new Intl.NumberFormat(undefined, {
     style: 'currency',
     currency: 'USD',
-    notation: options?.compact ? getFormatUSDNotation(amount) : undefined
+    notation: options?.compact ? getFormatUSDNotation(amount) : undefined,
+    minimumFractionDigits: amount > 0 && amount < 0.01 ? 3 : undefined
   });
 
   return format(amount);

diff --git a/src/component-library/utils/format.ts b/src/component-library/utils/format.ts
@@ -8,7 +8,8 @@ const formatUSD = (amount: number, options?: { compact?: boolean }): string => {
   const { format } = new Intl.NumberFormat(undefined, {
     style: 'currency',
     currency: 'USD',
-    notation: options?.compact ? getFormatUSDNotation(amount) : undefined
+    notation: options?.compact ? getFormatUSDNotation(amount) : undefined,
+    minimumFractionDigits: amount > 0 && amount < 0.01 ? 3 : undefined
   });
 
   return format(amount);