From b47fc77797b2703c7df4ae65b1c8230b38058280 Mon Sep 17 00:00:00 2001
From: Myroslav Sviderok <myroslav.sviderok@gmail.com>
Date: Mon, 16 Dec 2024 12:29:01 +0200
Subject: [PATCH] fix empty details block

---
 src/earn/EarnEnterAmount.tsx | 13 +++++++++++--
 1 file changed, 11 insertions(+), 2 deletions(-)

diff --git a/src/earn/EarnEnterAmount.tsx b/src/earn/EarnEnterAmount.tsx
index 134463af1e0..37afd863e8c 100644
--- a/src/earn/EarnEnterAmount.tsx
+++ b/src/earn/EarnEnterAmount.tsx
@@ -240,7 +240,7 @@ export default function EarnEnterAmount({ route }: Props) {
       )
     }, FETCH_UPDATED_TRANSACTIONS_DEBOUNCE_TIME_MS)
     return () => clearTimeout(debouncedRefreshTransactions)
-  }, [processedAmounts.token.bignum?.toString(), mode, transactionToken, feeCurrencies])
+  }, [processedAmounts.token.bignum?.toString(), mode, transactionToken, inputToken, feeCurrencies])
 
   const { estimatedFeeAmount, feeCurrency, maxFeeAmount } =
     getFeeCurrencyAndAmounts(prepareTransactionsResult)
@@ -370,7 +370,7 @@ export default function EarnEnterAmount({ route }: Props) {
               swapTransaction={swapTransaction}
             />
           )}
-          {isWithdrawal && (
+          {!!processedAmounts.token.bignum && isWithdrawal && (
             <TransactionWithdrawDetails
               pool={pool}
               token={transactionToken}
@@ -527,6 +527,15 @@ function TransactionWithdrawDetails({
   const { t } = useTranslation()
   const { maxFeeAmount, feeCurrency } = getFeeCurrencyAndAmounts(prepareTransactionsResult)
 
+  /**
+   * This details block renders only conditional sections. If no checks pass - the empty box will
+   * be shown (and we don't want that). In order to omit the empty box - we don't render anything
+   * if all the variables necessary for at least one successful condition is false.
+   */
+  if (!maxFeeAmount && !feeCurrency && !pool.dataProps.withdrawalIncludesClaim) {
+    return null
+  }
+
   return (
     <View style={styles.txDetailsContainer} testID="EnterAmountWithdrawInfoCard">
       {pool.dataProps.withdrawalIncludesClaim &&