fixup! feat(suite-native): use crypto icon with network

trezor · Feb 7, 2025 · b841001 · b841001
1 parent 13c9d5b
commit b841001
Show file tree

Hide file tree

Showing 5 changed files with 25 additions and 15 deletions.
diff --git a/suite-native/accounts/src/components/AccountsList/AccountsListItem.tsx b/suite-native/accounts/src/components/AccountsList/AccountsListItem.tsx
@@ -88,7 +88,7 @@ export const AccountsListItem = ({
     const icon = useMemo(
         () =>
             isNativeCoinOnly ? (
-                <CryptoIconWithNetwork symbol={account.symbol} preferNetworkSymbol={false} />
+                <CryptoIconWithNetwork symbol={account.symbol} />
             ) : (
                 <RoundedIcon symbol={account.symbol} />
             ),

diff --git a/suite-native/module-accounts-management/src/components/AccountDetailScreenHeader.tsx b/suite-native/module-accounts-management/src/components/AccountDetailScreenHeader.tsx
@@ -25,6 +25,24 @@ type AccountDetailNavigationProps = StackToStackCompositeNavigationProps<
     RootStackParamList
 >;
 
+const AccountDetailScreenHeaderContent = ({
+    accountLabel,
+    accountKey,
+}: AccountDetailScreenHeaderProps) => {
+    const symbol = useSelector((state: AccountsRootState) =>
+        selectAccountNetworkSymbol(state, accountKey),
+    )!;
+
+    return (
+        <HStack alignItems="center">
+            <CryptoIconWithNetwork symbol={symbol} size="small"  />
+            <Text variant="highlight" adjustsFontSizeToFit numberOfLines={1}>
+                {accountLabel}
+            </Text>
+        </HStack>
+    );
+};
+
 export const AccountDetailScreenHeader = ({
     accountLabel,
     accountKey,
@@ -33,9 +51,6 @@ export const AccountDetailScreenHeader = ({
     const route = useRoute<RouteProp<RootStackParamList, RootStackRoutes.AccountDetail>>();
     const { closeActionType } = route.params;
 
-    const symbol = useSelector((state: AccountsRootState) =>
-        selectAccountNetworkSymbol(state, accountKey),
-    )!;
     const handleSettingsNavigation = () => {
         navigation.navigate(RootStackRoutes.AccountSettings, {
             accountKey,
@@ -45,14 +60,10 @@ export const AccountDetailScreenHeader = ({
     return (
         <ScreenHeader
             content={
-                <HStack alignItems="center">
-                    <CryptoIconWithNetwork
-                        symbol={symbol}
-                        size="small"
-                        preferNetworkSymbol={false}
-                    />
-                    <Text>{accountLabel}</Text>
-                </HStack>
+                <AccountDetailScreenHeaderContent
+                    accountLabel={accountLabel}
+                    accountKey={accountKey}
+                />
             }
             rightIcon={
                 <IconButton

diff --git a/suite-native/module-accounts-management/src/components/CoinPriceCard.tsx b/suite-native/module-accounts-management/src/components/CoinPriceCard.tsx
@@ -71,7 +71,7 @@ export const CoinPriceCard = ({ accountKey }: CoinPriceCardProps) => {
         <Card style={applyStyle(cardStyle)}>
             <Box flexDirection="row" alignItems="center" flex={1}>
                 <Box marginRight="sp16">
-                    <CryptoIconWithNetwork symbol={symbol} preferNetworkSymbol={false} />
+                    <CryptoIconWithNetwork symbol={symbol} />
                 </Box>
                 <Box style={applyStyle(cardContentStyle)}>
                     <Text variant="label" color="textSubdued">

diff --git a/suite-native/module-accounts-management/src/components/TransactionListHeader.tsx b/suite-native/module-accounts-management/src/components/TransactionListHeader.tsx
@@ -25,8 +25,8 @@ import {
 
 import { AccountDetailCryptoValue } from './AccountDetailCryptoValue';
 import { AccountDetailGraph } from './AccountDetailGraph';
-import { selectIsNetworkSendFlowEnabled } from '../selectors';
 import { CoinPriceCard } from './CoinPriceCard';
+import { selectIsNetworkSendFlowEnabled } from '../selectors';
 
 type TransactionListHeaderProps = {
     accountKey: AccountKey;

diff --git a/...ative/transactions/src/components/TransactionDetail/TransactionDetailAddressesSection.tsx b/...ative/transactions/src/components/TransactionDetail/TransactionDetailAddressesSection.tsx
@@ -113,7 +113,6 @@ export const TransactionDetailAddressesSection = ({
                             symbol={symbol}
                             contractAddress={contractAddress}
                             size="small"
-                            preferNetworkSymbol={false}
                         />
                     )}
                 </Box>