fix: disconnect the modal and open the modal when there is an arleady connection

Author: serapieTuyishime

src/components/sections/profile/modals/EditAddress/index.tsx

@@ -95,7 +95,7 @@ export default function EditProfile({ show, wallet, onClose }: EditProfileProps)
 
   const connect = async () => {
     try {
-      openWeb3Modal();
+      isConnected ? disconnect() : openWeb3Modal();
       setShowEditAddress(true);
     } catch (e) {
       console.log(e);
@@ -137,8 +137,8 @@ export default function EditProfile({ show, wallet, onClose }: EditProfileProps)
   }, [wallets?.require_wallet_connection]);
 
   const isWalletConnected = useMemo(() => {
-    return isConnected || (requireWalletConnection && !!wallet?.address);
-  }, [requireWalletConnection, wallet?.address, isConnected]);
+    return requireWalletConnection && !!wallet?.address;
+  }, [requireWalletConnection, wallet?.address]);
 
   const showForm = useMemo(() => {
     return Boolean(showEditAddress && !showWalletConnectionMethod && connectionMethod);

src/hooks/useWalletConnect.ts

@@ -2,8 +2,12 @@ import { useWeb3Modal } from "@web3modal/wagmi/react";
 import { useAccount, useDisconnect, useSignMessage } from "wagmi";
 
 export default function useWalletConnect() {
-  const { isConnected, address } = useAccount();
   const { open } = useWeb3Modal();
+  const { isConnected, address } = useAccount({
+    onDisconnect: () => {
+      open(); //open the modal again
+    },
+  });
   const { data, isLoading, signMessage, error } = useSignMessage();
   const { disconnect } = useDisconnect();