it seems safer to have workaround in UI layer instead of changing the constants or logic

3 files changed, 7 insertions, 3 deletions

diff --git a/ui/app/components/app/gas-customization/gas-price-button-group/gas-price-button-group.component.js b/ui/app/components/app/gas-customization/gas-price-button-group/gas-price-button-group.component.js
index 14952a49a..1febef2e5 100644
--- a/ui/app/components/app/gas-customization/gas-price-button-group/gas-price-button-group.component.js
+++ b/ui/app/components/app/gas-customization/gas-price-button-group/gas-price-button-group.component.js
@@ -39,7 +39,10 @@ export default class GasPriceButtonGroup extends Component {
     return (<div>
       { labelKey && <div className={`${className}__label`}>{ this.context.t(labelKey) }</div> }
       { timeEstimate && <div className={`${className}__time-estimate`}>{ timeEstimate }</div> }
-      { feeInPrimaryCurrency && <div className={`${className}__primary-currency`}>{ feeInPrimaryCurrency }</div> }
+      {feeInPrimaryCurrency && (
+        <div className={`${className}__primary-currency`}>
+          { feeInPrimaryCurrency.replace('ETH', 'TAN') }
+        </div>)}
       { feeInSecondaryCurrency && <div className={`${className}__secondary-currency`}>{ feeInSecondaryCurrency }</div> }
       { showCheck && <div className="button-check-wrapper"><i className="fa fa-check fa-sm" /></div> }
     </div>)
diff --git a/ui/app/components/ui/currency-display/currency-display.component.js b/ui/app/components/ui/currency-display/currency-display.component.js
index c15668da3..ce3bb1351 100644
--- a/ui/app/components/ui/currency-display/currency-display.component.js
+++ b/ui/app/components/ui/currency-display/currency-display.component.js
@@ -36,7 +36,8 @@ export default class CurrencyDisplay extends PureComponent {
         {
           suffix && (
             <span className="currency-display-component__suffix">
-              { suffix }
+              {/* This might be the safiest workaround XD */}
+              { (suffix === 'ETH') ? 'TAN' : suffix }
             </span>
           )
         }
diff --git a/ui/app/components/ui/unit-input/unit-input.component.js b/ui/app/components/ui/unit-input/unit-input.component.js
index 9085a0677..be1d0a5d0 100644
--- a/ui/app/components/ui/unit-input/unit-input.component.js
+++ b/ui/app/components/ui/unit-input/unit-input.component.js
@@ -96,7 +96,7 @@ export default class UnitInput extends PureComponent {
             {
               suffix && (
                 <div className="unit-input__suffix">
-                  { suffix }
+                  { (suffix === 'ETH') ? 'TAN' : suffix}
                 </div>
               )
             }