chore(suite-native): refactor getCryptoIconUrl to separate function

trezor · Feb 5, 2025 · 7de98c0 · 7de98c0
1 parent e98aef6
commit 7de98c0
Show file tree

Hide file tree

Showing 3 changed files with 29 additions and 18 deletions.
diff --git a/suite-native/icons/src/CryptoIcon.tsx b/suite-native/icons/src/CryptoIcon.tsx
@@ -2,12 +2,12 @@ import { useMemo } from 'react';
 
 import { Image } from 'expo-image';
 
-import { CryptoIconName, cryptoIcons, genericTokenIcon } from '@suite-common/icons';
-import { NetworkSymbol, getCoingeckoId } from '@suite-common/wallet-config';
-import { getContractAddressForNetworkSymbol } from '@suite-common/wallet-utils';
-import { getAssetLogoUrl } from '@trezor/asset-utils';
+import { genericTokenIcon } from '@suite-common/icons';
+import { NetworkSymbol } from '@suite-common/wallet-config';
 import { prepareNativeStyle, useNativeStyles } from '@trezor/styles';
 
+import { getCryptoIconUrl } from './utils';
+
 export interface CryptoIconProps {
     symbol: NetworkSymbol;
     contractAddress?: string;
@@ -35,20 +35,10 @@ export const CryptoIcon = ({ symbol, contractAddress, size = 'small' }: CryptoIc
     const { applyStyle } = useNativeStyles();
     const sizeNumber = typeof size === 'number' ? size : cryptoIconSizes[size];
 
-    const sourceUrl = useMemo(() => {
-        const coingeckoId = getCoingeckoId(symbol);
-        let url = cryptoIcons[symbol.toLowerCase() as CryptoIconName];
-        if (coingeckoId && contractAddress) {
-            const formattedAddress = getContractAddressForNetworkSymbol(symbol, contractAddress);
-            url = getAssetLogoUrl({
-                coingeckoId,
-                contractAddress: formattedAddress,
-                quality: '@2x',
-            });
-        }
-
-        return url;
-    }, [contractAddress, symbol]);
+    const sourceUrl = useMemo(
+        () => getCryptoIconUrl(symbol, contractAddress),
+        [contractAddress, symbol],
+    );
 
     return (
         <Image

diff --git a/suite-native/icons/src/index.ts b/suite-native/icons/src/index.ts
@@ -3,3 +3,4 @@ export * from './CryptoIcon';
 export * from './CryptoIconWithPercentage';
 export * from './DeviceModelIcon';
 export * from './PizzaIcon';
+export * from './utils';
diff --git a/suite-native/icons/src/utils.ts b/suite-native/icons/src/utils.ts
@@ -0,0 +1,20 @@
+import { CryptoIconName, cryptoIcons } from '@suite-common/icons';
+import { NetworkSymbol, getCoingeckoId } from '@suite-common/wallet-config';
+import { getContractAddressForNetworkSymbol } from '@suite-common/wallet-utils';
+import { getAssetLogoUrl } from '@trezor/asset-utils';
+
+export const getCryptoIconUrl = (symbol: NetworkSymbol, contractAddress?: string) => {
+    const coingeckoId = getCoingeckoId(symbol);
+    let url = cryptoIcons[symbol.toLowerCase() as CryptoIconName];
+
+    if (coingeckoId && contractAddress) {
+        const formattedAddress = getContractAddressForNetworkSymbol(symbol, contractAddress);
+        url = getAssetLogoUrl({
+            coingeckoId,
+            contractAddress: formattedAddress,
+            quality: '@2x',
+        });
+    }
+
+    return url;
+};