From a779cdb3433ea6cc2e0d203cecebde3d9c121f5a Mon Sep 17 00:00:00 2001
From: Francisco Ramos <jscriptcoder@gmail.com>
Date: Thu, 6 Apr 2023 22:23:30 +0200
Subject: [PATCH] fix(bridge-ui):  NETWORK_ERROR exception (#13562)

---
 .../src/components/form/SelectChain.svelte          | 13 +++++++++----
 1 file changed, 9 insertions(+), 4 deletions(-)

diff --git a/packages/bridge-ui/src/components/form/SelectChain.svelte b/packages/bridge-ui/src/components/form/SelectChain.svelte
index ac7e45648b..a98f4cc96a 100644
--- a/packages/bridge-ui/src/components/form/SelectChain.svelte
+++ b/packages/bridge-ui/src/components/form/SelectChain.svelte
@@ -8,6 +8,11 @@
   import { errorToast, successToast } from '../Toast.svelte';
 
   const toggleChains = async () => {
+    if (!$signer) {
+      errorToast('Please connect your wallet');
+      return;
+    }
+
     try {
       const chain = $fromChain === mainnetChain ? taikoChain : mainnetChain;
       await switchNetwork({
@@ -43,10 +48,10 @@
     {/if}
   </div>
 
-  <button
-    on:click={toggleChains}
-    class="btn btn-square btn-sm toggle-chain"
-    disabled={!$signer}><ArrowRight size="16" /></button>
+  <button on:click={toggleChains} class="btn btn-square btn-sm toggle-chain">
+    <ArrowRight size="16" />
+  </button>
+
   <div class="flex items-center w-2/5 justify-center">
     {#if $toChain}
       <svelte:component this={$toChain.icon} />