fix: wallet-ui asset icon management (#428)

* fix: wallet-ui asset icon management

* chore: fix comments

packages/wallet-ui/src/assets/types/assets.ts

@@ -2,19 +2,18 @@ import ethIcon from '../images/eth-icon.svg';
 import starknetIcon from '../images/starknet-icon.svg';
 import daiIcon from '../images/dai-icon.svg';
 import aaveIcon from '../images/aave-icon.svg';
+import usdcIcon from '../images/usdc-icon.svg';
+import usdtIcon from '../images/usdt-icon.svg';
 
-export const assetIcons = [ethIcon, daiIcon, aaveIcon];
-export enum AssetIconsIndex {
-  Ether = 0,
-  DAI = 1,
-  AAVE = 2,
-}
-
-export const getAssetIcon = (assetName: string): string => {
-  let iconIndex = -1;
-  if (Object.keys(AssetIconsIndex).indexOf(assetName) !== -1) {
-    iconIndex = AssetIconsIndex[assetName as keyof typeof AssetIconsIndex];
-  }
+export const assetIcons: Record<string, string> = {
+  ETH: ethIcon,
+  DAI: daiIcon,
+  AAVE: aaveIcon,
+  USDC: usdcIcon,
+  USDT: usdtIcon,
+  STRK: starknetIcon, // Default to starknetIcon for STRK
+};
 
-  return assetName ? assetIcons[iconIndex] : starknetIcon;
+export const getAssetIcon = (assetSymbol: string): string => {
+  return assetIcons[assetSymbol] || starknetIcon; // Use starknetIcon as fallback
 };

packages/wallet-ui/src/components/ui/molecule/AssetsList/AssetListItem/AssetListItem.view.tsx

@@ -28,7 +28,7 @@ export const AssetListItemView = ({
       <Left>
         <DoubleIcons
           tokenName={asset.name}
-          icon1={getAssetIcon(asset.name)}
+          icon1={getAssetIcon(asset.symbol)}
           icon2={getAssetIcon('')}
         />
         <Column>