From c4c1504e091d6cc207bb7a8b73611b27fe8f67f4 Mon Sep 17 00:00:00 2001
From: David Walsh <davidwalsh83@gmail.com>
Date: Tue, 3 Aug 2021 12:51:02 -0500
Subject: [PATCH] EIP-1559 - Show minium native currency in banner when on
 testnets (#11743)

---
 .../app/edit-gas-display/edit-gas-display.component.js      | 6 ++++--
 .../app/edit-gas-popover/edit-gas-popover.component.js      | 2 ++
 ui/hooks/useGasFeeInputs.js                                 | 6 ++++++
 3 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/ui/components/app/edit-gas-display/edit-gas-display.component.js b/ui/components/app/edit-gas-display/edit-gas-display.component.js
index 203457583..66b7dd9bb 100644
--- a/ui/components/app/edit-gas-display/edit-gas-display.component.js
+++ b/ui/components/app/edit-gas-display/edit-gas-display.component.js
@@ -45,6 +45,7 @@ export default function EditGasDisplay({
   setMaxFeePerGas,
   maxFeePerGasFiat,
   estimatedMaximumNative,
+  estimatedMinimumNative,
   isGasEstimatesLoading,
   gasFeeEstimates,
   gasEstimateType,
@@ -140,9 +141,9 @@ export default function EditGasDisplay({
         )}
         <TransactionTotalBanner
           total={
-            networkAndAccountSupport1559 || isMainnet
+            (networkAndAccountSupport1559 || isMainnet) && estimatedMinimumFiat
               ? `~ ${estimatedMinimumFiat}`
-              : estimatedMaximumNative
+              : estimatedMinimumNative
           }
           detail={
             networkAndAccountSupport1559 &&
@@ -260,6 +261,7 @@ EditGasDisplay.propTypes = {
   setMaxFeePerGas: PropTypes.func,
   maxFeePerGasFiat: PropTypes.string,
   estimatedMaximumNative: PropTypes.string,
+  estimatedMinimumNative: PropTypes.string,
   isGasEstimatesLoading: PropTypes.boolean,
   gasFeeEstimates: PropTypes.object,
   gasEstimateType: PropTypes.string,
diff --git a/ui/components/app/edit-gas-popover/edit-gas-popover.component.js b/ui/components/app/edit-gas-popover/edit-gas-popover.component.js
index 0367cec68..742d59c5e 100644
--- a/ui/components/app/edit-gas-popover/edit-gas-popover.component.js
+++ b/ui/components/app/edit-gas-popover/edit-gas-popover.component.js
@@ -69,6 +69,7 @@ export default function EditGasPopover({
     setMaxFeePerGas,
     maxFeePerGasFiat,
     estimatedMaximumNative,
+    estimatedMinimumNative,
     isGasEstimatesLoading,
     gasFeeEstimates,
     gasEstimateType,
@@ -226,6 +227,7 @@ export default function EditGasPopover({
               setMaxFeePerGas={setMaxFeePerGas}
               maxFeePerGasFiat={maxFeePerGasFiat}
               estimatedMaximumNative={estimatedMaximumNative}
+              estimatedMinimumNative={estimatedMinimumNative}
               isGasEstimatesLoading={isGasEstimatesLoading}
               gasFeeEstimates={gasFeeEstimates}
               gasEstimateType={gasEstimateType}
diff --git a/ui/hooks/useGasFeeInputs.js b/ui/hooks/useGasFeeInputs.js
index 96e49031a..9dd8372ee 100644
--- a/ui/hooks/useGasFeeInputs.js
+++ b/ui/hooks/useGasFeeInputs.js
@@ -357,6 +357,11 @@ export function useGasFeeInputs(
     currency: primaryCurrency,
   });
 
+  const [estimatedMinimumNative] = useCurrencyDisplay(minimumCostInHexWei, {
+    numberOfDecimals: primaryNumberOfDecimals,
+    currency: primaryCurrency,
+  });
+
   // We also need to display our closest estimate of the low end of estimation
   // in fiat.
   const [, { value: estimatedMinimumFiat }] = useCurrencyDisplay(
@@ -493,6 +498,7 @@ export function useGasFeeInputs(
     estimatedMinimumFiat: showFiat ? estimatedMinimumFiat : '',
     estimatedMaximumFiat: showFiat ? maxFeePerGasFiat : '',
     estimatedMaximumNative,
+    estimatedMinimumNative,
     isGasEstimatesLoading,
     gasFeeEstimates,
     gasEstimateType,