m/metamask-extension
1
0
Fork 0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-12-23 09:52:26 +01:00
Code

UX: Multichain: Use correct blockie or jazzicon in the account menu (#18782)

Browse Source
This commit is contained in:
David Walsh 2023-04-25 15:01:56 -05:00 committed by GitHub
parent ab3e3976e6
commit c9336a2ab5
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 8 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
ui/components/multichain/account-list-item/account-list-item.js
View File

@ -18,6 +18,7 @@ import {
ButtonIcon, ButtonIcon,
IconName, IconName,
IconSize, IconSize,
AvatarAccountVariant,
} from '../../component-library'; } from '../../component-library';
import { import {
Color, Color,
@ -70,6 +71,8 @@ export const AccountListItem = ({
const t = useI18nContext(); const t = useI18nContext();
const [accountOptionsMenuOpen, setAccountOptionsMenuOpen] = useState(false); const [accountOptionsMenuOpen, setAccountOptionsMenuOpen] = useState(false);
const ref = useRef(false); const ref = useRef(false);
const useBlockie = useSelector((state) => state.metamask.useBlockie);
const keyring = useSelector((state) => const keyring = useSelector((state) =>
findKeyringForAddress(state, identity.address), findKeyringForAddress(state, identity.address),
); );
@ -107,6 +110,11 @@ export const AccountListItem = ({
borderColor={BorderColor.transparent} borderColor={BorderColor.transparent}
size={Size.SM} size={Size.SM}
address={identity.address} address={identity.address}
variant={
useBlockie
? AvatarAccountVariant.Blockies
: AvatarAccountVariant.Jazzicon
}
></AvatarAccount> ></AvatarAccount>
<Box <Box
display={DISPLAY.FLEX} display={DISPLAY.FLEX}