Merge branch '416-resolve-the-issue-related-to-displaying-the-amount-…

…in-the-bridge-form-within-the-rosen-app' into 'dev' Resolve "Resolve the issue related to displaying the amount in the Bridge form within the Rosen App" Closes #416 See merge request ergo/rosen-bridge/ui!343
rosen-bridge · Nov 9, 2024 · 144206e · 144206e
2 parents e830fc8 + 05ad49e
commit 144206e
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/.changeset/fluffy-rules-drop.md b/.changeset/fluffy-rules-drop.md
@@ -0,0 +1,5 @@
+---
+'@rosen-bridge/ui-kit': patch
+---
+
+Address the issue concerning the display of values in the Amount component
diff --git a/packages/ui-kit/src/components/common/Amount.tsx b/packages/ui-kit/src/components/common/Amount.tsx
@@ -50,9 +50,9 @@ export const Amount = ({
               color="text.primary"
               variant={size == 'normal' ? 'body1' : 'h2'}
             >
-              {+number ? number.replace(/\B(?=(\d{3})+(?!\d))/g, ',') : '-'}
+              {+value ? number.replace(/\B(?=(\d{3})+(?!\d))/g, ',') : '-'}
             </Typography>
-            {!!+number && (
+            {!!+value && (
               <>
                 {!!decimals && (
                   <Typography