From 3f2d32839e3c55d0c6e959f420e2d46211eba9a0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Agust=C3=ADn=20Longoni?= <agustin.longoni@protofire.io>
Date: Mon, 2 Oct 2023 17:20:53 -0300
Subject: [PATCH] fix wallet connected indicator and disconnect icon (#208)

---
 .../AccountSelect/index.tsx                   | 24 ++++++++++---------
 1 file changed, 13 insertions(+), 11 deletions(-)

diff --git a/src/view/components/WalletConnectButton/AccountSelect/index.tsx b/src/view/components/WalletConnectButton/AccountSelect/index.tsx
index 35f3d94f..e228768d 100644
--- a/src/view/components/WalletConnectButton/AccountSelect/index.tsx
+++ b/src/view/components/WalletConnectButton/AccountSelect/index.tsx
@@ -1,7 +1,7 @@
 import { SelectChangeEvent, Stack, Avatar } from '@mui/material'
 import { shortNameLonger, truncateAddress } from '@/utils/formatString'
 import CircleIcon from '@mui/icons-material/Circle'
-import PowerOffIcon from '@mui/icons-material/PowerOff'
+import PowerSettingsNewRoundedIcon from '@mui/icons-material/PowerSettingsNewRounded'
 import { OPTION_FOR_DISCONNECTING } from '@/context/NetworkAccountsContext'
 import {
   WalletAccount,
@@ -86,20 +86,22 @@ export function AccountSelect({
                 <span>{shortNameLonger(a.name as string)}</span>
                 <p>{truncateAddress(a.address)}</p>
               </Stack>
-              <CircleIcon
-                style={{
-                  marginLeft: '15px',
-                  marginTop: '10px',
-                  fontSize: '0.9rem',
-                  color: `#20E24B`
-                }}
-              />
+              {accountConnected.address === a.address && (
+                <CircleIcon
+                  style={{
+                    marginLeft: '16px',
+                    marginTop: '10px',
+                    fontSize: '0.9rem',
+                    color: `#20E24B`
+                  }}
+                />
+              )}
             </Stack>
           )}
 
           {a.name === OPTION_FOR_DISCONNECTING && (
             <>
-              <PowerOffIcon sx={{ fontSize: '2rem' }} />
+              <PowerSettingsNewRoundedIcon sx={{ fontSize: '1.4rem' }} />
               <Stack
                 sx={{
                   height: '20px',
@@ -115,7 +117,7 @@ export function AccountSelect({
                       fontSize: '1rem'
                     }}
                   >
-                    Disconect Wallet
+                    Disconnect Wallet
                   </p>
                 </Stack>
               </Stack>