2 files changed, 36 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, {