diff options
Diffstat (limited to 'ui/app')
-rw-r--r-- | ui/app/components/app/dropdowns/network-dropdown.js | 24 | ||||
-rw-r--r-- | ui/app/components/app/network.js | 13 | ||||
-rw-r--r-- | ui/app/pages/settings/networks-tab/networks-tab.constants.js | 9 |
3 files changed, 45 insertions, 1 deletions
diff --git a/ui/app/components/app/dropdowns/network-dropdown.js b/ui/app/components/app/dropdowns/network-dropdown.js index 1d3ff521f..4d4b07cff 100644 --- a/ui/app/components/app/dropdowns/network-dropdown.js +++ b/ui/app/components/app/dropdowns/network-dropdown.js @@ -138,7 +138,27 @@ NetworkDropdown.prototype.render = function () { // }, this.context.t('mainnet')), // ] // ), - + h( + DropdownMenuItem, + { + key: 'tangerine_mainnet', + closeMenu: () => this.props.hideNetworkDropdown(), + onClick: () => this.handleClick('tangerine_mainnet'), + style: dropdownMenuItemStyle, + }, + [ + providerType === 'tangerine_mainnet' ? h('i.fa.fa-check') : h('.network-check__transparent', '✓'), + h(NetworkDropdownIcon, { + backgroundColor: '#ff9248', + isSelected: providerType === 'tangerine_mainnet', + }), + h('span.network-name-item', { + style: { + color: providerType === 'tangerine_testnet' ? '#ffffff' : '#9b9b9b', + }, + }, this.context.t('tangerine_mainnet')), + ] + ), h( DropdownMenuItem, { @@ -307,6 +327,8 @@ NetworkDropdown.prototype.getNetworkName = function () { let name if (providerName === 'tangerine_testnet') { + name = this.context.t('tangerine_mainnet') + } else if (providerName === 'tangerine_testnet') { name = this.context.t('tangerine_testnet') } else if (providerName === 'mainnet') { name = this.context.t('mainnet') diff --git a/ui/app/components/app/network.js b/ui/app/components/app/network.js index 178710bd1..77558b85f 100644 --- a/ui/app/components/app/network.js +++ b/ui/app/components/app/network.js @@ -50,6 +50,9 @@ Network.prototype.render = function () { } else if (providerName === 'goerli') { hoverText = context.t('goerli') iconName = 'goerli-test-network' + } else if (providerName === 'tangerine_mainnet') { + hoverText = context.t('tangerine_mainnet') + iconName = 'tangerine_mainnet' } else if (providerName === 'tangerine_testnet') { hoverText = context.t('tangerine_testnet') iconName = 'tangerine_testnet' @@ -77,6 +80,16 @@ Network.prototype.render = function () { }, [ (function () { switch (iconName) { + case 'tangerine_mainnet': + return h('.network-indicator', [ + h(NetworkDropdownIcon, { + backgroundColor: '#ff9248 ', // $wild-strawberry + nonSelectBackgroundColor: '#15afb2', + loading: networkNumber === 'loading', + }), + h('.network-name', context.t('tangerine_mainnet')), + h('.network-indicator__down-arrow'), + ]) case 'tangerine_testnet': return h('.network-indicator', [ h(NetworkDropdownIcon, { diff --git a/ui/app/pages/settings/networks-tab/networks-tab.constants.js b/ui/app/pages/settings/networks-tab/networks-tab.constants.js index 39e864d16..73f8bbd4d 100644 --- a/ui/app/pages/settings/networks-tab/networks-tab.constants.js +++ b/ui/app/pages/settings/networks-tab/networks-tab.constants.js @@ -45,6 +45,15 @@ const defaultNetworksData = [ // blockExplorerUrl: 'https://goerli.etherscan.io', // }, { + labelKey: 'tangerine_mainnet', + iconColor: '#FF9248', + providerType: 'tangerine_mainnet', + rpcUrl: 'https://mainnet-rpc.tangerine-network.io', + chainId: '411', + ticker: 'ETH', + blockExplorerUrl: 'https://tangerine.explorer', + }, + { labelKey: 'tangerine_testnet', iconColor: '#FF4A8D', providerType: 'tangerine_testnet', |