From f00cb5366df1d6da440cb3377f129d1831e3e45b Mon Sep 17 00:00:00 2001
From: Carson Aberle <carson@pineapplelabs.io>
Date: Wed, 12 Jul 2023 09:20:52 -0700
Subject: [PATCH] Fixed WalletConnectButton menu popping up when selecting a
 wallet after clicking on the change wallet option

---
 .changeset/hungry-poets-cross.md                             | 5 +++++
 .../components/WalletConnectButton/WalletConnectButton.tsx   | 2 +-
 .../lib/components/WalletSelectModal/WalletSelectModal.tsx   | 1 -
 packages/react/src/lib/provider/SeiWalletProvider.tsx        | 1 +
 4 files changed, 7 insertions(+), 2 deletions(-)
 create mode 100644 .changeset/hungry-poets-cross.md

diff --git a/.changeset/hungry-poets-cross.md b/.changeset/hungry-poets-cross.md
new file mode 100644
index 00000000..1507a4dc
--- /dev/null
+++ b/.changeset/hungry-poets-cross.md
@@ -0,0 +1,5 @@
+---
+'@sei-js/react': patch
+---
+
+This fixes an issue where the wallet button menu pops up after connecting to a wallet
diff --git a/packages/react/src/lib/components/WalletConnectButton/WalletConnectButton.tsx b/packages/react/src/lib/components/WalletConnectButton/WalletConnectButton.tsx
index 48f96f83..658f78ce 100644
--- a/packages/react/src/lib/components/WalletConnectButton/WalletConnectButton.tsx
+++ b/packages/react/src/lib/components/WalletConnectButton/WalletConnectButton.tsx
@@ -35,8 +35,8 @@ const WalletConnectButton = ({ buttonClassName, primaryColor, secondaryColor, ba
 	}, [backgroundColor]);
 
 	const changeWallet = () => {
-		setShowConnectModal(true);
 		setShowMenu(false);
+		setShowConnectModal(true);
 	};
 
 	const copyAddress = async () => {
diff --git a/packages/react/src/lib/components/WalletSelectModal/WalletSelectModal.tsx b/packages/react/src/lib/components/WalletSelectModal/WalletSelectModal.tsx
index d85e5f0a..a26ff663 100644
--- a/packages/react/src/lib/components/WalletSelectModal/WalletSelectModal.tsx
+++ b/packages/react/src/lib/components/WalletSelectModal/WalletSelectModal.tsx
@@ -35,7 +35,6 @@ const WalletSelectModal = ({ wallets: inputWallets }: WalletSelectModalProps) =>
 		};
 
 		const selectWallet = async () => {
-			if (wallet.walletInfo.name === targetWallet?.walletInfo.name) return;
 			if (setTargetWallet) setTargetWallet(wallet);
 			setIsConnecting(true);
 			setConnectionError(undefined);
diff --git a/packages/react/src/lib/provider/SeiWalletProvider.tsx b/packages/react/src/lib/provider/SeiWalletProvider.tsx
index 8bd0ec67..689dff4c 100644
--- a/packages/react/src/lib/provider/SeiWalletProvider.tsx
+++ b/packages/react/src/lib/provider/SeiWalletProvider.tsx
@@ -42,6 +42,7 @@ const SeiWalletProvider = ({ children, chainConfiguration, wallets, autoConnect
 				return;
 			}
 
+			// const enableResponse = await targetWallet.connect(chainConfiguration.chainId);
 			const fetchedOfflineSigner = await targetWallet.getOfflineSigner(chainConfiguration.chainId);
 
 			if (!fetchedOfflineSigner) {