From 6ba79ee924ecc32430dc5297e14c99df850bbece Mon Sep 17 00:00:00 2001
From: fmtabbara <fmtabbara@hotmail.co.uk>
Date: Wed, 13 Apr 2022 18:07:54 +0100
Subject: [PATCH] use avatar component

---
 nym-wallet/src/components/Accounts/AccountItem.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/nym-wallet/src/components/Accounts/AccountItem.tsx b/nym-wallet/src/components/Accounts/AccountItem.tsx
index 98f1851a16..b8dd61279c 100644
--- a/nym-wallet/src/components/Accounts/AccountItem.tsx
+++ b/nym-wallet/src/components/Accounts/AccountItem.tsx
@@ -1,7 +1,7 @@
 import React from 'react';
 import { IconButton, ListItem, ListItemAvatar, ListItemButton, ListItemIcon, ListItemText } from '@mui/material';
 import { Edit } from '@mui/icons-material';
-import { AccountColor } from './AccountColor';
+import { AccountAvatar } from './AccountAvatar';
 
 export const AccountItem = ({
   name,
@@ -19,7 +19,7 @@ export const AccountItem = ({
   <ListItem disablePadding disableGutters sx={selected ? { bgcolor: 'rgba(33, 208, 115, 0.1)' } : {}}>
     <ListItemButton disableRipple onClick={onSelect}>
       <ListItemAvatar sx={{ minWidth: 0, mr: 2 }}>
-        <AccountColor address={address} />
+        <AccountAvatar name={name} address={address} />
       </ListItemAvatar>
       <ListItemText primary={name} secondary={address} />
       <ListItemIcon>