toggle chain fix

taikoxyz · Dec 8, 2022 · ab3db35 · ab3db35
1 parent c895430
commit ab3db35
Showing 1 changed file with 18 additions and 8 deletions.
diff --git a/packages/bridge-ui/src/components/form/SelectChain.svelte b/packages/bridge-ui/src/components/form/SelectChain.svelte
@@ -2,15 +2,25 @@
   import ArrowRight from "../icons/ArrowRight.svelte";
   import { fromChain, toChain } from "../../store/chain";
   import { CHAIN_MAINNET, CHAIN_TKO } from "../../domain/chain";
+  import { ethereum } from "../../store/ethereum";
+  import { signer } from "../../store/signer";
+  import { switchEthereumChain } from "../../utils/switchEthereumChain";
+  import { ethers } from "ethers";
 
-  function toggleChains() {
-    fromChain.update((val) =>
-      val === CHAIN_MAINNET ? CHAIN_TKO : CHAIN_MAINNET
-    );
-    toChain.update((val) =>
-      val === CHAIN_MAINNET ? CHAIN_TKO : CHAIN_MAINNET
-    );
-  }
+  const toggleChains = async () => {
+    const chain = $fromChain === CHAIN_MAINNET ? CHAIN_TKO : CHAIN_MAINNET;
+    await switchEthereumChain($ethereum, chain);
+    const provider = new ethers.providers.Web3Provider(window.ethereum);
+    await provider.send("eth_requestAccounts", []);
+
+    fromChain.set(chain);
+    if (chain === CHAIN_MAINNET) {
+      toChain.set(CHAIN_TKO);
+    } else {
+      toChain.set(CHAIN_MAINNET);
+    }
+    signer.set(provider.getSigner());
+  };
 </script>
 
 <div class="flex items-center justify-between w-full p-8 py-6 text-lg">