From 583c115663513f34a47550dfee4c8ac1841f168d Mon Sep 17 00:00:00 2001
From: Alex Donesky <adonesky@gmail.com>
Date: Thu, 29 Jul 2021 18:29:36 -0500
Subject: [PATCH] remove estimation appearance from edit-gas-popover on
 non-1559 networks (#11673)

---
 .../edit-gas-display/edit-gas-display.component.js    | 11 +++++++++--
 .../edit-gas-popover/edit-gas-popover.component.js    |  3 +++
 .../transaction-total-banner.component.js             |  2 +-
 3 files changed, 13 insertions(+), 3 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 f9417ae4c..76b43d338 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
@@ -60,6 +60,7 @@ export default function EditGasDisplay({
   warning,
   gasErrors,
   onManualChange,
+  networkSupports1559,
 }) {
   const t = useContext(I18nContext);
 
@@ -112,9 +113,14 @@ export default function EditGasDisplay({
           </div>
         )}
         <TransactionTotalBanner
-          total={estimatedMinimumFiat}
+          total={
+            networkSupports1559
+              ? `~ ${estimatedMinimumFiat}`
+              : estimatedMaximumNative
+          }
           detail={
-            process.env.SHOW_EIP_1559_UI &&
+            networkSupports1559 &&
+            estimatedMaximumFiat !== undefined &&
             t('editGasTotalBannerSubtitle', [
               <Typography
                 fontWeight={FONT_WEIGHT.BOLD}
@@ -261,4 +267,5 @@ EditGasDisplay.propTypes = {
   transaction: PropTypes.object,
   gasErrors: PropTypes.object,
   onManualChange: PropTypes.func,
+  networkSupports1559: PropTypes.boolean,
 };
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 fc55ec9a2..51433e23a 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
@@ -5,6 +5,7 @@ import { useDispatch, useSelector } from 'react-redux';
 import { useGasFeeInputs } from '../../../hooks/useGasFeeInputs';
 import { useShouldAnimateGasEstimations } from '../../../hooks/useShouldAnimateGasEstimations';
 
+import { isEIP1559Network } from '../../../ducks/metamask/metamask';
 import {
   GAS_ESTIMATE_TYPES,
   EDIT_GAS_MODES,
@@ -42,6 +43,7 @@ export default function EditGasPopover({
   const t = useContext(I18nContext);
   const dispatch = useDispatch();
   const showSidebar = useSelector((state) => state.appState.sidebar.isOpen);
+  const networkSupports1559 = useSelector(isEIP1559Network);
 
   const shouldAnimate = useShouldAnimateGasEstimations();
 
@@ -227,6 +229,7 @@ export default function EditGasPopover({
               hasGasErrors={hasGasErrors}
               gasErrors={gasErrors}
               onManualChange={onManualChange}
+              networkSupports1559={networkSupports1559}
               {...editGasDisplayProps}
             />
           </>
diff --git a/ui/components/app/transaction-total-banner/transaction-total-banner.component.js b/ui/components/app/transaction-total-banner/transaction-total-banner.component.js
index 7057f9be3..481f79c16 100644
--- a/ui/components/app/transaction-total-banner/transaction-total-banner.component.js
+++ b/ui/components/app/transaction-total-banner/transaction-total-banner.component.js
@@ -12,7 +12,7 @@ export default function TransactionTotalBanner({
   return (
     <div className="transaction-total-banner">
       <Typography color={COLORS.BLACK} variant={TYPOGRAPHY.H1}>
-        ~ {total}
+        {total}
       </Typography>
       {detail && (
         <Typography