diff --git a/ui/helpers/utils/settings-search.js b/ui/helpers/utils/settings-search.js index 88bd66794..6c670af78 100644 --- a/ui/helpers/utils/settings-search.js +++ b/ui/helpers/utils/settings-search.js @@ -326,6 +326,13 @@ export function getSettingsRoutes(t) { route: `${ABOUT_US_ROUTE}#contactus`, icon: 'fa fa-info-circle', }, + { + tab: t('experimental'), + section: t('enableEIP1559V2'), + description: t('enableEIP1559V2Description'), + route: `${EXPERIMENTAL_ROUTE}#enable-advanced-gas`, + icon: 'fa fa-flask', + }, ]; if (process.env.TOKEN_DETECTION_V2) { settingsRoutesList = [ diff --git a/ui/helpers/utils/settings-search.test.js b/ui/helpers/utils/settings-search.test.js index 97b58f271..2e2372bbb 100644 --- a/ui/helpers/utils/settings-search.test.js +++ b/ui/helpers/utils/settings-search.test.js @@ -120,6 +120,10 @@ const t = (key) => { return 'Token detection'; case 'tokenDetectionToggleDescription': return 'ConsenSys’ token API aggregates a list of tokens from various third party token lists. Turning it off will stop detecting new tokens added to your wallet, but will keep the option to search for tokens to import.'; + case 'enableEIP1559V2': + return 'Enable Enhanced Gas Fee UI'; + case 'enableEIP1559V2Description': + return "We've updated how gas estimation and customization works. Turn on if you'd like to use the new gas experience. Learn more"; case 'enableOpenSeaAPI': return 'Enable OpenSea API'; case 'enableOpenSeaAPIDescription': @@ -456,6 +460,14 @@ describe('Settings Search Utils', () => { section: 'Contact us', tab: 'About', }, + { + tab: 'Experimental', + section: 'Enable Enhanced Gas Fee UI', + description: + "We've updated how gas estimation and customization works. Turn on if you'd like to use the new gas experience. Learn more", + route: `/settings/experimental#enable-advanced-gas`, + icon: 'fa fa-flask', + }, { /** TODO: Remove during TOKEN_DETECTION_V2 feature flag clean up */ description: @@ -521,7 +533,7 @@ describe('Settings Search Utils', () => { }); it('should get good experimental section number', () => { - expect(getSettingsSectionNumber(t, t('experimental'))).toStrictEqual(1); + expect(getSettingsSectionNumber(t, t('experimental'))).toStrictEqual(2); }); it('should get good about section number', () => { diff --git a/ui/pages/settings/experimental-tab/experimental-tab.component.js b/ui/pages/settings/experimental-tab/experimental-tab.component.js index de266f153..aed013cd6 100644 --- a/ui/pages/settings/experimental-tab/experimental-tab.component.js +++ b/ui/pages/settings/experimental-tab/experimental-tab.component.js @@ -186,7 +186,7 @@ export default class ExperimentalTab extends PureComponent { const { eip1559V2Enabled, setEIP1559V2Enabled } = this.props; return ( -