feat(settings): default to user's local currency

Author: pwltr

ios/Podfile.lock

@@ -1782,7 +1782,7 @@ PODS:
     - ReactCommon/turbomodule/bridging
     - ReactCommon/turbomodule/core
     - Yoga
-  - RNLocalize (3.0.2):
+  - RNLocalize (3.4.1):
     - React-Core
   - RNNotifee (9.1.8):
     - React-Core
@@ -2391,7 +2391,7 @@ SPEC CHECKSUMS:
   RNFS: 89de7d7f4c0f6bafa05343c578f61118c8282ed8
   RNGestureHandler: 9f3109e11ed88fe5bed280bf7762b25e4c52f396
   RNKeychain: 824e7372c7e921d76c4ea4169bdc6c7a32025784
-  RNLocalize: 01b15a24a8f1856eeaeeb77f4179ccd88c117a73
+  RNLocalize: 15463c4d79c7da45230064b4adcf5e9bb984667e
   RNNotifee: 5e3b271e8ea7456a36eec994085543c9adca9168
   RNPermissions: a03f8bd0e6c9d87597e39be694f90d208dd6f835
   RNQrGenerator: afacf12b55dfba0e3aaca963eec23691e8426431

package.json

@@ -86,7 +86,7 @@
     "react-native-image-picker": "8.1.0",
     "react-native-keyboard-accessory": "0.1.16",
     "react-native-keychain": "9.2.3",
-    "react-native-localize": "3.0.2",
+    "react-native-localize": "3.4.1",
     "react-native-mmkv": "2.12.2",
     "react-native-modal": "13.0.1",
     "react-native-permissions": "5.2.5",

src/screens/Settings/Currencies/index.tsx

@@ -19,6 +19,8 @@ const CurrenciesSettings = ({
 	const selectedCurrency = useAppSelector(selectedCurrencySelector);
 
 	const currencyListData: IListData[] = useMemo(() => {
+		const currencies = Object.keys(exchangeRates).sort();
+
 		const onSetCurrency = (currency: string): void => {
 			dispatch(updateSettings({ selectedCurrency: currency }));
 		};
@@ -40,17 +42,15 @@ const CurrenciesSettings = ({
 			},
 			{
 				title: t('general.currency_other'),
-				data: Object.keys(exchangeRates)
-					.sort()
-					.map((ticker) => ({
-						title: ticker,
-						value: selectedCurrency === ticker,
-						type: EItemType.button,
-						onPress: (): void => {
-							navigation.goBack();
-							onSetCurrency(ticker);
-						},
-					})),
+				data: currencies.map((ticker) => ({
+					title: ticker,
+					value: selectedCurrency === ticker,
+					type: EItemType.button,
+					onPress: (): void => {
+						navigation.goBack();
+						onSetCurrency(ticker);
+					},
+				})),
 			},
 		];
 	}, [selectedCurrency, exchangeRates, navigation, t, dispatch]);

src/store/shapes/settings.ts

@@ -9,6 +9,7 @@ import {
 	__WEB_RELAY__,
 } from '../../constants/env';
 import { EAvailableNetwork } from '../../utils/networks';
+import { getDefaultCurrency } from '../../utils/settings';
 import { TSettings } from '../slices/settings';
 import { ETransactionSpeed } from '../types/settings';
 import { EDenomination, EUnit } from '../types/wallet';
@@ -82,7 +83,7 @@ export const initialSettingsState: TSettings = {
 	theme: 'dark',
 	unit: EUnit.BTC,
 	denomination: EDenomination.modern,
-	selectedCurrency: 'USD',
+	selectedCurrency: getDefaultCurrency(),
 	selectedLanguage: 'english',
 	customElectrumPeers: defaultElectrumPeer,
 	rapidGossipSyncUrl: 'https://rgs.blocktank.to/snapshot/',

src/utils/exchange-rate/currencies.ts

@@ -0,0 +1,52 @@
+// The currencies that are supported by the exchange rate API
+// https://blocktank.synonym.to/fx/rates/btc/
+
+export const currencies = [
+	'ARS',
+	'AUD',
+	'BHD',
+	'BDT',
+	'BMD',
+	'BRL',
+	'CAD',
+	'CLP',
+	'CNY',
+	'CZK',
+	'DKK',
+	'EUR',
+	'GEL',
+	'GBP',
+	'HKD',
+	'HUF',
+	'XDR',
+	'INR',
+	'IDR',
+	'ILS',
+	'JPY',
+	'KWD',
+	'MYR',
+	'MXN',
+	'MMK',
+	'TWD',
+	'NZD',
+	'NOK',
+	'PKR',
+	'PHP',
+	'PLN',
+	'RUB',
+	'SAR',
+	'SGD',
+	'ZAR',
+	'KRW',
+	'LKR',
+	'SEK',
+	'CHF',
+	'USDT',
+	'THB',
+	'TRY',
+	'USD',
+	'UAH',
+	'AED',
+	'VEF',
+	'VND',
+];

src/utils/i18n/index.ts

@@ -1,7 +1,7 @@
 import i18n from 'i18next';
 import ICU from 'i18next-icu';
 import { initReactI18next } from 'react-i18next';
-import * as RNLocalize from 'react-native-localize';
+import { findBestLanguageTag, getTimeZone } from 'react-native-localize';
 
 import { __ENABLE_I18NEXT_DEBUGGER__, __JEST__ } from '../../constants/env';
 import { dispatch } from '../../store/helpers';
@@ -14,9 +14,7 @@ import locales, {
 } from './locales';
 
 const getDeviceLanguage = (): string => {
-	const lang =
-		RNLocalize.findBestLanguageTag(Object.keys(locales))?.languageTag ?? 'en';
-	return lang;
+	return findBestLanguageTag(Object.keys(locales))?.languageTag ?? 'en';
 };
 
 const resources = convert(locales);
@@ -41,7 +39,7 @@ i18nICU
 		returnNull: false,
 	})
 	.then(() => {
-		let timeZone = RNLocalize.getTimeZone();
+		let timeZone = getTimeZone();
 
 		// if polyfill is used, we need to set default timezone
 		// https://formatjs.io/docs/polyfills/intl-datetimeformat/#default-timezone

src/utils/settings/index.ts

@@ -1,7 +1,9 @@
 import { ECoinSelectPreference } from 'beignet';
+import { getCurrencies } from 'react-native-localize';
 import { PIN_ATTEMPTS } from '../../constants/app';
 import { dispatch } from '../../store/helpers';
 import { updateSettings } from '../../store/slices/settings';
+import { currencies } from '../exchange-rate/currencies';
 import { resetKeychainValue, setKeychainValue } from '../keychain';
 import { getOnChainWalletAsync } from '../wallet';
 
@@ -58,3 +60,14 @@ export const updateCoinSelectPreference = async (
 		updateSettings({ coinSelectAuto: true, coinSelectPreference: preference }),
 	);
 };
+
+export const getDefaultCurrency = (): string => {
+	const localCurrencies = getCurrencies();
+
+	// Find the first currency that matches the user's preference
+	const preferredCurrency = currencies.find((currency) => {
+		return localCurrencies.includes(currency);
+	});
+
+	return preferredCurrency ?? 'USD';
+};

yarn.lock

@@ -5889,7 +5889,7 @@ __metadata:
     react-native-image-picker: 8.1.0
     react-native-keyboard-accessory: 0.1.16
     react-native-keychain: 9.2.3
-    react-native-localize: 3.0.2
+    react-native-localize: 3.4.1
     react-native-mmkv: 2.12.2
     react-native-modal: 13.0.1
     react-native-permissions: 5.2.5
@@ -12640,17 +12640,17 @@ __metadata:
   languageName: node
   linkType: hard
 
-"react-native-localize@npm:3.0.2":
-  version: 3.0.2
-  resolution: "react-native-localize@npm:3.0.2"
+"react-native-localize@npm:3.4.1":
+  version: 3.4.1
+  resolution: "react-native-localize@npm:3.4.1"
   peerDependencies:
     react: ">=18.1.0"
     react-native: ">=0.70.0"
     react-native-macos: ">=0.70.0"
   peerDependenciesMeta:
     react-native-macos:
       optional: true
-  checksum: 46abd6046dfb1fb5426f9e51971894e893556646206b7fa387c5eb9394a3f3b9ddce190bc94ffc9c51c65326f60bbad57219d8330b4a1dcfaf46dd2eb4ef43ae
+  checksum: 2ec4c1992d88c208af3688e9be128ef16c293280677d5493bcae7cee7f66f59c73b91db2370b1879383b9ae5618caab3d569e51024b11d976a732afd5440e87d
   languageName: node
   linkType: hard