From cd074af38988e741a1c40346d9c5923d2ac29600 Mon Sep 17 00:00:00 2001
From: monleru <kucherenko.alexandr1998@gmail.com>
Date: Tue, 23 Apr 2024 16:23:03 +0300
Subject: [PATCH 1/4] fix

---
 .../components/ChainSelectors/ChainPill/ChainPill.svelte    | 6 ++++--
 packages/bridge-ui/src/components/Faucet/Faucet.svelte      | 2 +-
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/packages/bridge-ui/src/components/ChainSelectors/ChainPill/ChainPill.svelte b/packages/bridge-ui/src/components/ChainSelectors/ChainPill/ChainPill.svelte
index 1276537ccd8..f2e8207d9ac 100644
--- a/packages/bridge-ui/src/components/ChainSelectors/ChainPill/ChainPill.svelte
+++ b/packages/bridge-ui/src/components/ChainSelectors/ChainPill/ChainPill.svelte
@@ -9,10 +9,10 @@
   import { classNames } from '$libs/util/classNames';
   import { truncateString } from '$libs/util/truncateString';
   import { uid } from '$libs/util/uid';
+  import { account } from '$stores';
 
   export let value: Maybe<Chain> | null = null;
   export let label = '';
-  export let readOnly = false;
   export let selectChain: (event: CustomEvent<{ chain: Chain; switchWallet: boolean }>) => Promise<void>;
 
   export let switchWallet = false;
@@ -34,6 +34,8 @@
       modalOpen = true;
     }
   };
+
+  $: disabled = !$account || !$account.isConnected;
 </script>
 
 <div class={classes}>
@@ -44,7 +46,7 @@
     <button
       id={buttonId}
       type="button"
-      disabled={readOnly}
+      {disabled}
       aria-haspopup="dialog"
       aria-controls={dialogId}
       aria-expanded={modalOpen}
diff --git a/packages/bridge-ui/src/components/Faucet/Faucet.svelte b/packages/bridge-ui/src/components/Faucet/Faucet.svelte
index 3813303ad5f..f49f2034159 100644
--- a/packages/bridge-ui/src/components/Faucet/Faucet.svelte
+++ b/packages/bridge-ui/src/components/Faucet/Faucet.svelte
@@ -188,7 +188,7 @@
         direction={ChainSelectorDirection.SOURCE}
         label={$t('chain_selector.currently_on')}
         switchWallet />
-      <TokenDropdown {disabled} tokens={mintableTokens} {onlyMintable} bind:value={selectedToken} />
+      <TokenDropdown tokens={mintableTokens} {onlyMintable} bind:value={selectedToken} />
     </div>
 
     {#if alertMessage}

From 8e77cefdb88279b144c9573390f9abedd2f83dda Mon Sep 17 00:00:00 2001
From: monleru <kucherenko.alexandr1998@gmail.com>
Date: Tue, 23 Apr 2024 17:42:54 +0300
Subject: [PATCH 2/4] fix

---
 packages/bridge-ui/src/components/Faucet/Faucet.svelte | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/bridge-ui/src/components/Faucet/Faucet.svelte b/packages/bridge-ui/src/components/Faucet/Faucet.svelte
index f49f2034159..3813303ad5f 100644
--- a/packages/bridge-ui/src/components/Faucet/Faucet.svelte
+++ b/packages/bridge-ui/src/components/Faucet/Faucet.svelte
@@ -188,7 +188,7 @@
         direction={ChainSelectorDirection.SOURCE}
         label={$t('chain_selector.currently_on')}
         switchWallet />
-      <TokenDropdown tokens={mintableTokens} {onlyMintable} bind:value={selectedToken} />
+      <TokenDropdown {disabled} tokens={mintableTokens} {onlyMintable} bind:value={selectedToken} />
     </div>
 
     {#if alertMessage}

From 7bfc4a80d9d339d6c8b1b93b27a514ca7005f319 Mon Sep 17 00:00:00 2001
From: monleru <96314649+monleru@users.noreply.github.com>
Date: Wed, 24 Apr 2024 09:56:08 +0300
Subject: [PATCH 3/4] Update
 packages/bridge-ui/src/components/ChainSelectors/ChainPill/ChainPill.svelte

Co-authored-by: Korbinian <KorbinianK@users.noreply.github.com>
---
 .../src/components/ChainSelectors/ChainPill/ChainPill.svelte     | 1 +
 1 file changed, 1 insertion(+)

diff --git a/packages/bridge-ui/src/components/ChainSelectors/ChainPill/ChainPill.svelte b/packages/bridge-ui/src/components/ChainSelectors/ChainPill/ChainPill.svelte
index f2e8207d9ac..8b87342587c 100644
--- a/packages/bridge-ui/src/components/ChainSelectors/ChainPill/ChainPill.svelte
+++ b/packages/bridge-ui/src/components/ChainSelectors/ChainPill/ChainPill.svelte
@@ -13,6 +13,7 @@
 
   export let value: Maybe<Chain> | null = null;
   export let label = '';
+  export let readOnly = false;
   export let selectChain: (event: CustomEvent<{ chain: Chain; switchWallet: boolean }>) => Promise<void>;
 
   export let switchWallet = false;

From f6faf2412ad50d6c22111f6e9d1beb545ed9a7e3 Mon Sep 17 00:00:00 2001
From: monleru <96314649+monleru@users.noreply.github.com>
Date: Wed, 24 Apr 2024 09:56:17 +0300
Subject: [PATCH 4/4] Update
 packages/bridge-ui/src/components/ChainSelectors/ChainPill/ChainPill.svelte

Co-authored-by: Korbinian <KorbinianK@users.noreply.github.com>
---
 .../src/components/ChainSelectors/ChainPill/ChainPill.svelte    | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/bridge-ui/src/components/ChainSelectors/ChainPill/ChainPill.svelte b/packages/bridge-ui/src/components/ChainSelectors/ChainPill/ChainPill.svelte
index 8b87342587c..4b9c7289781 100644
--- a/packages/bridge-ui/src/components/ChainSelectors/ChainPill/ChainPill.svelte
+++ b/packages/bridge-ui/src/components/ChainSelectors/ChainPill/ChainPill.svelte
@@ -36,7 +36,7 @@
     }
   };
 
-  $: disabled = !$account || !$account.isConnected;
+  $: disabled = !$account || !$account.isConnected || readOnly;
 </script>
 
 <div class={classes}>