fix(bridge-ui): inform connect when adding erc20 (#13900)

Co-authored-by: jeff <[email protected]>

packages/bridge-ui/src/components/BridgeForm/SelectToken.svelte

@@ -14,7 +14,11 @@
   import { tokens } from '../../token/tokens';
   import { selectTokenAndBridgeType } from '../../utils/selectTokenAndBridgeType';
   import Erc20 from '../icons/ERC20.svelte';
-  import { errorToast, successToast } from '../NotificationToast.svelte';
+  import {
+    errorToast,
+    successToast,
+    warningToast,
+  } from '../NotificationToast.svelte';
   import AddCustomErc20 from './AddCustomERC20.svelte';
 
   let dropdownElement: HTMLDivElement;
@@ -33,6 +37,15 @@
     closeDropdown();
   }
 
+  function showAddERC20() {
+    if (!$signer) {
+      warningToast('Please, connect your wallet.');
+      return;
+    }
+
+    showAddressField = true;
+  }
+
   async function addERC20(event: SubmitEvent) {
     loading = true;
 
@@ -140,7 +153,7 @@
 
     <li>
       <button
-        on:click={() => (showAddressField = true)}
+        on:click={showAddERC20}
         class="flex hover:bg-dark-5 justify-between items-center p-4 rounded-sm">
         <PlusCircle size="25" />
         <span