used currency-codes package

madfish-solutions · Oct 2, 2023 · d305ab3 · d305ab3
1 parent acca9ae
commit d305ab3
Show file tree

Hide file tree

Showing 2 changed files with 24 additions and 20 deletions.
diff --git a/src/app/hooks/AliceBob/use-output-currencies.ts b/src/app/hooks/AliceBob/use-output-currencies.ts
@@ -1,6 +1,6 @@
 import { useCallback, useEffect, useState } from 'react';
 
-import { knownAliceBobFiatCurrencies, knownAliceBobFiatCurrenciesNames } from 'app/store/buy-with-credit-card/utils';
+import { getCurrencyNameByCode, knownAliceBobFiatCurrencies } from 'app/store/buy-with-credit-card/utils';
 import { getAliceBobPairsInfo } from 'lib/apis/temple';
 import { FIAT_ICONS_SRC } from 'lib/icons';
 
@@ -13,7 +13,7 @@ export interface AliceBobWithdrawCurrency {
 }
 
 export const DEFAULT_OUTPUT_CURRENCY = {
-  name: knownAliceBobFiatCurrenciesNames['UAH'],
+  name: getCurrencyNameByCode('UAH'),
   code: 'UAH',
   icon: FIAT_ICONS_SRC.UAH
 };
@@ -46,7 +46,7 @@ export const useOutputCurrencies = (
           }
 
           return {
-            name: knownAliceBobFiatCurrenciesNames[code] ?? '',
+            name: getCurrencyNameByCode(code),
             code,
             icon: `https://static.moonpay.com/widget/currencies/${code.toLowerCase()}.svg`,
             minAmount,

diff --git a/src/app/store/buy-with-credit-card/utils.ts b/src/app/store/buy-with-credit-card/utils.ts
@@ -1,5 +1,6 @@
 import { isDefined } from '@rnw-community/shared';
 import { AxiosResponse } from 'axios';
+import FiatCurrencyInfo from 'currency-codes';
 
 import {
   Currency,
@@ -22,33 +23,36 @@ interface AliceBobFiatCurrency {
 const UTORG_FIAT_ICONS_BASE_URL = 'https://utorg.pro/img/flags2/icon-';
 const UTORG_CRYPTO_ICONS_BASE_URL = 'https://utorg.pro/img/cryptoIcons';
 
-const knownUtorgFiatCurrenciesNames: Record<string, string> = {
-  PHP: 'Philippine Peso',
-  INR: 'Indian Rupee'
-};
+export const getCurrencyNameByCode = (code: string) => {
+  const customCurrencyNames: Record<string, string> = {
+    UAH: 'Ukrainian Hryvnia',
+    KZT: 'Kazakhstani Tenge'
+  };
+
+  if (isDefined(customCurrencyNames[code])) {
+    return customCurrencyNames[code];
+  }
 
-export const knownAliceBobFiatCurrenciesNames: Record<string, string> = {
-  ...knownUtorgFiatCurrenciesNames,
-  UAH: 'Ukrainian Hryvnia',
-  MYR: 'Malaysian Ringgit',
-  KZT: 'Kazakhstan tenge'
+  const currencyInfo = FiatCurrencyInfo.code(code);
+
+  return isDefined(currencyInfo) ? currencyInfo.currency : '???';
 };
 
 export const knownAliceBobFiatCurrencies: Record<string, AliceBobFiatCurrency> = {
   UAH: {
-    name: knownAliceBobFiatCurrenciesNames['UAH'],
+    name: getCurrencyNameByCode('UAH'),
     code: 'UAH',
     icon: FIAT_ICONS_SRC.UAH,
     precision: 2
   },
   MYR: {
-    name: knownAliceBobFiatCurrenciesNames['MYR'],
+    name: getCurrencyNameByCode('MYR'),
     code: 'MYR',
     icon: `${UTORG_FIAT_ICONS_BASE_URL}MY.svg`,
     precision: 2
   },
   KZT: {
-    name: knownAliceBobFiatCurrenciesNames['KZT'],
+    name: getCurrencyNameByCode('KZT'),
     code: 'KZT',
     icon: FIAT_ICONS_SRC.KZT,
     precision: 2
@@ -97,11 +101,11 @@ export const mapMoonPayProviderCurrencies = (currencies: Currency[]) => ({
 export const mapUtorgProviderCurrencies = (currencies: UtorgCurrencyInfo[]) => ({
   fiat: currencies
     .filter(({ type, depositMax }) => type === UtorgCurrencyInfoType.FIAT && depositMax > 0)
-    .map(({ display, symbol, depositMin, depositMax, precision }) => ({
-      name: knownUtorgFiatCurrenciesNames[symbol] ?? '',
-      code: symbol,
+    .map(({ display, symbol: code, depositMin, depositMax, precision }) => ({
+      name: getCurrencyNameByCode(code),
+      code,
       codeToDisplay: display,
-      icon: `${UTORG_FIAT_ICONS_BASE_URL}${symbol.slice(0, -1)}.svg`,
+      icon: `${UTORG_FIAT_ICONS_BASE_URL}${code.slice(0, -1)}.svg`,
       precision,
       minAmount: depositMin,
       maxAmount: depositMax
@@ -135,7 +139,7 @@ export const mapAliceBobProviderCurrencies = (response: AxiosResponse<{ pairsInf
     }
 
     return {
-      name: knownAliceBobFiatCurrenciesNames[code] ?? '',
+      name: getCurrencyNameByCode(code),
       code,
       icon: `https://static.moonpay.com/widget/currencies/${code.toLowerCase()}.svg`,
       precision: 2,