diff --git a/suite-native/accounts/src/components/AccountsList/AccountsListItem.tsx b/suite-native/accounts/src/components/AccountsList/AccountsListItem.tsx
index 4fee38949dc..05b6c64a01c 100644
--- a/suite-native/accounts/src/components/AccountsList/AccountsListItem.tsx
+++ b/suite-native/accounts/src/components/AccountsList/AccountsListItem.tsx
@@ -1,4 +1,4 @@
-import React, { useCallback } from 'react';
+import React, { useCallback, useMemo } from 'react';
import { useSelector } from 'react-redux';
import { useFormatters } from '@suite-common/formatters';
@@ -10,6 +10,7 @@ import {
CryptoToFiatAmountFormatter,
FiatAmountFormatter,
} from '@suite-native/formatters';
+import { CryptoIconWithNetwork } from '@suite-native/icons';
import { Translation } from '@suite-native/intl';
import { NativeStakingRootState, selectAccountHasStaking } from '@suite-native/staking';
import {
@@ -27,10 +28,8 @@ import { OnSelectAccount } from '../../types';
export type AccountListItemProps = {
account: Account;
isInModal?: boolean;
-
onPress?: OnSelectAccount;
disabled?: boolean;
-
hasBackground?: boolean;
isFirst?: boolean;
isLast?: boolean;
@@ -87,6 +86,16 @@ export const AccountsListItem = ({
});
}, [account, accountHasAnyTokens, accountHasStaking, onPress]);
+ const icon = useMemo(
+ () =>
+ isInModal ? (
+
+ ) : (
+
+ ),
+ [account.symbol, isInModal],
+ );
+
const doesCoinSupportTokens = isCoinWithTokens(account.symbol);
const shouldShowAccountLabel = !doesCoinSupportTokens || !isInModal;
const shouldShowTokenBadge = accountHasAnyTokens && !isInModal;
@@ -100,7 +109,7 @@ export const AccountsListItem = ({
showDivider={showDivider}
onPress={handleOnPress}
disabled={disabled}
- icon={}
+ icon={icon}
title={
shouldShowAccountLabel ? (
accountLabel
diff --git a/suite-native/accounts/src/components/AccountsList/AccountsListTokenItem.tsx b/suite-native/accounts/src/components/AccountsList/AccountsListTokenItem.tsx
index cf67cd8f405..af1539775ab 100644
--- a/suite-native/accounts/src/components/AccountsList/AccountsListTokenItem.tsx
+++ b/suite-native/accounts/src/components/AccountsList/AccountsListTokenItem.tsx
@@ -1,9 +1,9 @@
import { useSelector } from 'react-redux';
import { Account, TokenInfoBranded } from '@suite-common/wallet-types';
-import { RoundedIcon } from '@suite-native/atoms';
import { TokenAmountFormatter, TokenToFiatAmountFormatter } from '@suite-native/formatters';
-import { TokensRootState, getTokenName, selectAccountTokenSymbol } from '@suite-native/tokens';
+import { getTokenName, selectAccountTokenSymbol, TokensRootState } from '@suite-native/tokens';
+import { CryptoIconWithNetwork } from '@suite-native/icons';
import { AccountsListItemBase } from './AccountsListItemBase';
@@ -36,7 +36,9 @@ export const AccountsListTokenItem = ({
isFirst={isFirst}
isLast={isLast}
onPress={onSelectAccount}
- icon={}
+ icon={
+
+ }
title={getTokenName(token.name)}
mainValue={