disconnect after topup

components/TopupPage/Deposit.tsx

@@ -70,7 +70,10 @@ export function Deposit() {
         {hasExternalWallet && (
           <Button
             className="w-full px-4 py-2 rounded-md flex items-center justify-center gap-2 bg-grey-moss-900 font-archivo text-grey-eggshell hover:bg-grey-eggshell hover:text-grey-moss-900"
-            onClick={deposit}
+            onClick={async () => {
+              await deposit();
+              connectDisconnect();
+            }}
             disabled={isDepositing}
           >
             {isDepositing ? "Depositing..." : "Deposit"}

hooks/useTopup.ts

@@ -15,7 +15,7 @@ const useTopup = () => {
   const { connectWallet } = useConnectWallet();
 
   const currencyLabel = currency === "usdc" ? "USDC" : "ETH";
-  const hasExternalWallet = Boolean(externalWallet);
+  const hasExternalWallet = Boolean(externalWallet?.address);
 
   const { deposit, isDepositing } = useDeposit({
     currency,
@@ -30,11 +30,21 @@ const useTopup = () => {
     };
   }, [depositAmount, currency]);
 
-  const connectDisconnect = () => {
+  const connectDisconnect = async () => {
     if (!hasExternalWallet) {
       connectWallet();
     } else {
-      externalWallet?.disconnect();
+      try {
+        const provider = await externalWallet?.getEthereumProvider();
+        if (provider) {
+          await provider.request({
+            method: "wallet_revokePermissions",
+            params: [{ eth_accounts: {} }],
+          });
+        }
+      } finally {
+        externalWallet?.disconnect();
+      }
     }
   };