From 3884936578320da4a1c26040b68db58861f7d825 Mon Sep 17 00:00:00 2001
From: Roman Petriv <petriv.roma@gmail.com>
Date: Fri, 30 Aug 2024 16:31:30 +0300
Subject: [PATCH] fix: disable token select while fee is loading to prevent fee
 overrides (#191)

---
 components/common/input/TransactionAmount.vue | 1 +
 views/transactions/Deposit.vue                | 2 +-
 views/transactions/Transfer.vue               | 2 +-
 3 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/components/common/input/TransactionAmount.vue b/components/common/input/TransactionAmount.vue
index d257d453..2c789d02 100644
--- a/components/common/input/TransactionAmount.vue
+++ b/components/common/input/TransactionAmount.vue
@@ -82,6 +82,7 @@
           class="h-max"
           :toggled="selectTokenModalOpened"
           variant="light"
+          :disabled="loading"
           @click="selectTokenModalOpened = true"
         >
           <template #left-icon>
diff --git a/views/transactions/Deposit.vue b/views/transactions/Deposit.vue
index 9d3158b8..0b83e943 100644
--- a/views/transactions/Deposit.vue
+++ b/views/transactions/Deposit.vue
@@ -50,7 +50,7 @@
           :balances="availableBalances"
           :max-amount="maxAmount"
           :approve-required="!enoughAllowance && (!tokenCustomBridge || !tokenCustomBridge.bridgingDisabled)"
-          :loading="tokensRequestInProgress || balanceInProgress"
+          :loading="tokensRequestInProgress || balanceInProgress || feeLoading"
           class="mb-block-padding-1/2 sm:mb-block-gap"
         >
           <template #dropdown>
diff --git a/views/transactions/Transfer.vue b/views/transactions/Transfer.vue
index c70c334d..ef2432e9 100644
--- a/views/transactions/Transfer.vue
+++ b/views/transactions/Transfer.vue
@@ -53,7 +53,7 @@
           :tokens="availableTokens"
           :balances="availableBalances"
           :max-amount="maxAmount"
-          :loading="tokensRequestInProgress || balanceInProgress"
+          :loading="tokensRequestInProgress || balanceInProgress || feeLoading"
         >
           <template v-if="type === 'withdrawal' && account.address" #token-dropdown-bottom>
             <CommonAlert class="sticky bottom-0 mt-6" variant="neutral" :icon="InformationCircleIcon">