From 477553d3dff0779767c3b4b798d68c267d059f2b Mon Sep 17 00:00:00 2001
From: Korbinian <korbiniank@outlook.de>
Date: Tue, 7 May 2024 03:58:50 +0200
Subject: [PATCH] better comparisons

---
 .../src/components/TokenDropdown/DialogView.svelte       | 5 +++--
 .../src/components/TokenDropdown/DropdownView.svelte     | 3 ++-
 .../src/components/TokenDropdown/TokenDropdown.svelte    | 9 +++++----
 3 files changed, 10 insertions(+), 7 deletions(-)

diff --git a/packages/bridge-ui/src/components/TokenDropdown/DialogView.svelte b/packages/bridge-ui/src/components/TokenDropdown/DialogView.svelte
index ad4da868e2..cb355971ce 100644
--- a/packages/bridge-ui/src/components/TokenDropdown/DialogView.svelte
+++ b/packages/bridge-ui/src/components/TokenDropdown/DialogView.svelte
@@ -1,4 +1,5 @@
 <script lang="ts">
+  import { deepEqual } from '@wagmi/core';
   import { createEventDispatcher, onDestroy, onMount } from 'svelte';
   import { t } from 'svelte-i18n';
   import type { Address } from 'viem';
@@ -115,7 +116,7 @@
       <ul role="listbox" class="menu p-0">
         {#if activeTab === TabTypes.TOKEN}
           {#each filteredTokens as token (token.symbol)}
-            {@const selected = token === value}
+            {@const selected = deepEqual(token, value)}
             <!-- svelte-ignore a11y-click-events-have-key-events -->
             <li
               role="option"
@@ -141,7 +142,7 @@
         {:else if activeTab === TabTypes.CUSTOM}
           {#if !onlyMintable}
             {#each filteredCustomTokens as ct, index (index)}
-              {@const selected = ct.name === value?.name && ct.symbol === value?.symbol}
+              {@const selected = deepEqual(ct, value)}
               <li
                 role="option"
                 tabindex="0"
diff --git a/packages/bridge-ui/src/components/TokenDropdown/DropdownView.svelte b/packages/bridge-ui/src/components/TokenDropdown/DropdownView.svelte
index 1f892aed8d..b12c2ad6b6 100644
--- a/packages/bridge-ui/src/components/TokenDropdown/DropdownView.svelte
+++ b/packages/bridge-ui/src/components/TokenDropdown/DropdownView.svelte
@@ -1,4 +1,5 @@
 <script lang="ts">
+  import { deepEqual } from '@wagmi/core';
   import { createEventDispatcher, onDestroy, onMount } from 'svelte';
   import { t } from 'svelte-i18n';
   import type { Address } from 'viem';
@@ -121,7 +122,7 @@
   <ul role="listbox" {id} class="gap-2">
     {#if activeTab === TabTypes.TOKEN}
       {#each filteredTokens as t (t.symbol)}
-        {@const selected = t === value}
+        {@const selected = deepEqual(t, value)}
         <li
           role="option"
           tabindex="0"
diff --git a/packages/bridge-ui/src/components/TokenDropdown/TokenDropdown.svelte b/packages/bridge-ui/src/components/TokenDropdown/TokenDropdown.svelte
index 03efdf9826..47464e1e06 100644
--- a/packages/bridge-ui/src/components/TokenDropdown/TokenDropdown.svelte
+++ b/packages/bridge-ui/src/components/TokenDropdown/TokenDropdown.svelte
@@ -1,4 +1,5 @@
 <script lang="ts">
+  import { deepEqual } from '@wagmi/core';
   import { onDestroy, onMount, tick } from 'svelte';
   import { t } from 'svelte-i18n';
   import type { Address } from 'viem';
@@ -130,11 +131,11 @@
 
   const handleTokenRemoved = (event: { detail: { token: Token } }) => {
     const token = event.detail.token;
-    value = ETHToken;
+
     // if the selected token is the one that was removed by the user, remove it
-    // if (token === value || $selectedToken === token) {
-    //   value = ETHToken;
-    // }
+    if (deepEqual(token, value)) {
+      value = ETHToken;
+    }
     const address = $account.address;
     tokenService.removeToken(token, address as Address);
     customTokens = tokenService.getTokens(address as Address);