From c9336a2ab588609bf36e9df874349d64fd5c3735 Mon Sep 17 00:00:00 2001 From: David Walsh Date: Tue, 25 Apr 2023 15:01:56 -0500 Subject: [PATCH] UX: Multichain: Use correct blockie or jazzicon in the account menu (#18782) --- .../multichain/account-list-item/account-list-item.js | 8 ++++++++ 1 file changed, 8 insertions(+) diff --git a/ui/components/multichain/account-list-item/account-list-item.js b/ui/components/multichain/account-list-item/account-list-item.js index 05a33ea0a..5f94ddd5a 100644 --- a/ui/components/multichain/account-list-item/account-list-item.js +++ b/ui/components/multichain/account-list-item/account-list-item.js @@ -18,6 +18,7 @@ import { ButtonIcon, IconName, IconSize, + AvatarAccountVariant, } from '../../component-library'; import { Color, @@ -70,6 +71,8 @@ export const AccountListItem = ({ const t = useI18nContext(); const [accountOptionsMenuOpen, setAccountOptionsMenuOpen] = useState(false); const ref = useRef(false); + const useBlockie = useSelector((state) => state.metamask.useBlockie); + const keyring = useSelector((state) => findKeyringForAddress(state, identity.address), ); @@ -107,6 +110,11 @@ export const AccountListItem = ({ borderColor={BorderColor.transparent} size={Size.SM} address={identity.address} + variant={ + useBlockie + ? AvatarAccountVariant.Blockies + : AvatarAccountVariant.Jazzicon + } >