From 68679112d4a0e0d3b74d71abb4284cdefa268e47 Mon Sep 17 00:00:00 2001
From: Anukul Pandey <62092256+anukulpandey@users.noreply.github.com>
Date: Thu, 6 Jun 2024 16:26:49 +0530
Subject: [PATCH] fix: logic of account name (#84)

---
 src/App.tsx | 18 +++++++++++++++---
 1 file changed, 15 insertions(+), 3 deletions(-)

diff --git a/src/App.tsx b/src/App.tsx
index cb13012..5ac5d9d 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -1,4 +1,4 @@
-import { defaultOptions, hooks } from '@reef-chain/react-lib';
+import { ReefSigner, defaultOptions, hooks } from '@reef-chain/react-lib';
 import React, { useEffect, useState } from 'react';
 import { useHistory } from 'react-router-dom';
 import { toast, ToastContainer } from 'react-toastify';
@@ -59,12 +59,24 @@ export const connectWalletConnect = async(ident:string,setSelExtensionName:any,s
 const App = (): JSX.Element => {
   const {selExtensionName,setSelExtensionName} = useConnectedWallet();
   const {loading:wcPreloader,setLoading:setWcPreloader} = useWcPreloader()
+  const [accounts,setAccounts] = useState<ReefSigner[]>([]);
+  const [selectedSigner,setSelectedSigner] = useState<ReefSigner | undefined>(undefined);
   const {
     loading, error, signers, selectedReefSigner, network, provider, reefState, extension
   } = hooks.useInitReefStateExtension(
     'Reef App', selExtensionName, { ipfsHashResolverFn: getIpfsGatewayUrl },
   );
 
+  useEffect(()=>{
+    setAccounts([]);
+    setSelectedSigner(undefined);
+  },[selExtensionName])
+
+  useEffect(()=>{
+    setAccounts(signers);
+    setSelectedSigner(selectedReefSigner);
+  },[selectedReefSigner,signers])
+
   const history = useHistory();
   const [isBalanceHidden, setBalanceHidden] = useState(getStoredPref());
   const hideBalance = {
@@ -194,8 +206,8 @@ useEffect(()=>{
         <>
           <OptionContext.Provider value={{ ...defaultOptions, back: history.goBack, notify }}>
             <ReefSignersContext.Provider value={{
-              accounts: signers,
-              selectedSigner: selectedReefSigner,
+              accounts,
+              selectedSigner,
               network,
               reefState,
               provider,