Fix 10562 - Hide the suggested token pane when not on Mainnet or test network (#10702)

ui/app/pages/add-token/add-token.component.js

@@ -28,6 +28,7 @@ class AddToken extends Component {
     clearPendingTokens: PropTypes.func,
     tokens: PropTypes.array,
     identities: PropTypes.object,
+    showSearchTab: PropTypes.bool.isRequired,
     mostRecentOverviewPage: PropTypes.string.isRequired,
   };
 
@@ -315,15 +316,24 @@ class AddToken extends Component {
   }
 
   renderTabs() {
-    return (
-      <Tabs>
-        <Tab name={this.context.t('search')}>{this.renderSearchToken()}</Tab>
-        <Tab name={this.context.t('customToken')}>
-          {this.renderCustomTokenForm()}
-        </Tab>
-      </Tabs>
+    const { showSearchTab } = this.props;
+    const tabs = [];
+
+    if (showSearchTab) {
+      tabs.push(
+        <Tab name={this.context.t('search')} key="search-tab">
+          {this.renderSearchToken()}
+        </Tab>,
       );
     }
+    tabs.push(
+      <Tab name={this.context.t('customToken')} key="custom-tab">
+        {this.renderCustomTokenForm()}
+      </Tab>,
+    );
+
+    return <Tabs>{tabs}</Tabs>;
+  }
 
   render() {
     const { history, clearPendingTokens, mostRecentOverviewPage } = this.props;

ui/app/pages/add-token/add-token.container.js

@@ -2,6 +2,7 @@ import { connect } from 'react-redux';
 
 import { setPendingTokens, clearPendingTokens } from '../../store/actions';
 import { getMostRecentOverviewPage } from '../../ducks/history/history';
+import { getIsMainnet } from '../../selectors/selectors';
 import AddToken from './add-token.component';
 
 const mapStateToProps = (state) => {
@@ -13,6 +14,7 @@ const mapStateToProps = (state) => {
     mostRecentOverviewPage: getMostRecentOverviewPage(state),
     tokens,
     pendingTokens,
+    showSearchTab: getIsMainnet(state) || process.env.IN_TEST === 'true',
   };
 };
 

ui/app/pages/add-token/add-token.test.js

@@ -26,6 +26,7 @@ describe('Add Token', function () {
     tokens: [],
     identities: {},
     mostRecentOverviewPage: '/',
+    showSearchTab: true,
   };
 
   describe('Add Token', function () {