feat(mobile): add convertToDefaultCurrency to amount format for multi…

… currency conversion
get6pm · Sep 2, 2024 · 79d240d · 79d240d
1 parent f52bb9b
commit 79d240d
Showing 1 changed file with 19 additions and 7 deletions.
diff --git a/apps/mobile/components/common/amount-format.tsx b/apps/mobile/components/common/amount-format.tsx
@@ -41,6 +41,7 @@ type AmountFormatProps = {
   displayNegativeSign?: boolean
   displayPositiveSign?: boolean
   displayPositiveColor?: boolean
+  convertToDefaultCurrency?: boolean
 } & VariantProps<typeof amountVariants>
 
 export function AmountFormat({
@@ -51,6 +52,7 @@ export function AmountFormat({
   displayNegativeSign,
   displayPositiveSign,
   displayPositiveColor,
+  convertToDefaultCurrency,
 }: AmountFormatProps) {
   const defaultCurrency = useDefaultCurrency()
 
@@ -64,12 +66,20 @@ export function AmountFormat({
     return ''
   }, [amount, displayNegativeSign, displayPositiveSign])
 
-  const roundedAmount = useMemo(() => {
-    if (SHOULD_ROUND_VALUE_CURRENCIES.includes(currency || defaultCurrency)) {
-      return Math.round(amount)
+  const displayAmount = useMemo(() => {
+    const roundedAmount = SHOULD_ROUND_VALUE_CURRENCIES.includes(
+      currency || defaultCurrency,
+    )
+      ? Math.round(amount)
+      : amount
+
+    if (!convertToDefaultCurrency) {
+      return Math.abs(roundedAmount).toLocaleString()
     }
-    return amount
-  }, [amount, currency, defaultCurrency])
+
+    // TODO: correct amount with currency exchange rate
+    return Math.abs(roundedAmount).toLocaleString()
+  }, [amount, convertToDefaultCurrency, currency, defaultCurrency])
 
   return (
     <Text
@@ -84,9 +94,11 @@ export function AmountFormat({
       )}
     >
       {sign}
-      {Math.abs(roundedAmount).toLocaleString()}{' '}
+      {displayAmount}{' '}
       <Text className={cn(currencyVariants({ size }))}>
-        {currency || defaultCurrency}
+        {convertToDefaultCurrency
+          ? defaultCurrency
+          : currency || defaultCurrency}
       </Text>
     </Text>
   )