fix: multichain site tooltip

Author: n3ps

ui/components/multichain-accounts/multichain-site-cell/tool-tip/multichain-site-cell-tooltip.tsx

@@ -33,6 +33,7 @@ import {
   MultichainAvatarGroupType,
 } from '../avatar-group/multichain-avatar-group';
 import { getIconSeedAddressesByAccountGroups } from '../../../../selectors/multichain-accounts/account-tree';
+import { getAvatarType } from '../../../app/preferred-avatar/preferred-avatar';
 
 export type MultichainSiteCellTooltipProps = {
   accountGroups?: AccountGroupWithInternalAccounts[];
@@ -47,10 +48,17 @@ type TooltipContentProps = {
   networks?: EvmAndMultichainNetworkConfigurationsWithCaipChainId[];
   moreAccountsText?: string;
   moreNetworksText?: string;
+  avatarAccountVariant?: AvatarAccountVariant;
 };
 
 const TooltipContent = React.memo<TooltipContentProps>(
-  ({ accountGroups, networks, moreAccountsText, moreNetworksText }) => {
+  ({
+    accountGroups,
+    networks,
+    moreAccountsText,
+    moreNetworksText,
+    avatarAccountVariant,
+  }) => {
     const displayAccountGroups = accountGroups?.slice(0, TOOLTIP_LIMIT) ?? [];
     const displayNetworks = networks?.slice(0, TOOLTIP_LIMIT) ?? [];
     const hasMoreAccounts =
@@ -78,7 +86,7 @@ const TooltipContent = React.memo<TooltipContentProps>(
               <AvatarAccount
                 size={AvatarAccountSize.Xs}
                 address={acc.id}
-                variant={AvatarAccountVariant.Jazzicon}
+                variant={avatarAccountVariant}
               />
               <Text
                 color={TextColor.overlayInverse}
@@ -166,6 +174,7 @@ TooltipContent.displayName = 'TooltipContent';
 export const MultichainSiteCellTooltip =
   React.memo<MultichainSiteCellTooltipProps>(({ accountGroups, networks }) => {
     const t = useI18nContext();
+    const avatarAccountVariant = useSelector(getAvatarType);
 
     const seedAddresses = useSelector((state: MultichainAccountsState) =>
       getIconSeedAddressesByAccountGroups(state, accountGroups ?? []),
@@ -225,6 +234,7 @@ export const MultichainSiteCellTooltip =
             networks={networks}
             moreAccountsText={moreAccountsText}
             moreNetworksText={moreNetworksText}
+            avatarAccountVariant={avatarAccountVariant}
           />
         }
         arrow