From 49ddc485921c809bc1de61a1d02b887c4cb08d0c Mon Sep 17 00:00:00 2001
From: Niranjana Binoy <43930900+NiranjanaBinoy@users.noreply.github.com>
Date: Wed, 15 Sep 2021 12:09:23 -0400
Subject: [PATCH] Adding search tab in import tokens for custom networks
 (#12110)

---
 shared/constants/network.js                     |  1 +
 ui/pages/import-token/import-token.container.js | 15 +++++++++++----
 2 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/shared/constants/network.js b/shared/constants/network.js
index 2c4f24467..3087a68e0 100644
--- a/shared/constants/network.js
+++ b/shared/constants/network.js
@@ -122,6 +122,7 @@ export const NATIVE_CURRENCY_TOKEN_IMAGE_MAP = {
   [ETH_SYMBOL]: ETH_TOKEN_IMAGE_URL,
   [TEST_ETH_SYMBOL]: TEST_ETH_TOKEN_IMAGE_URL,
   [BNB_SYMBOL]: BNB_TOKEN_IMAGE_URL,
+  [MATIC_SYMBOL]: MATIC_TOKEN_IMAGE_URL,
 };
 
 export const INFURA_BLOCKED_KEY = 'countryBlocked';
diff --git a/ui/pages/import-token/import-token.container.js b/ui/pages/import-token/import-token.container.js
index bcb0c114a..8a0099f98 100644
--- a/ui/pages/import-token/import-token.container.js
+++ b/ui/pages/import-token/import-token.container.js
@@ -3,9 +3,8 @@ import { connect } from 'react-redux';
 import { setPendingTokens, clearPendingTokens } from '../../store/actions';
 import { getMostRecentOverviewPage } from '../../ducks/history/history';
 import {
-  getIsMainnet,
   getRpcPrefsForCurrentProvider,
-  getTokenList,
+  getIsMainnet,
 } from '../../selectors/selectors';
 import ImportToken from './import-token.component';
 
@@ -16,17 +15,25 @@ const mapStateToProps = (state) => {
       tokens,
       pendingTokens,
       provider: { chainId },
+      useTokenDetection,
+      tokenList,
     },
   } = state;
+  const showSearchTabCustomNetwork =
+    useTokenDetection && Boolean(Object.keys(tokenList).length);
+  const showSearchTab =
+    getIsMainnet(state) ||
+    showSearchTabCustomNetwork ||
+    process.env.IN_TEST === 'true';
   return {
     identities,
     mostRecentOverviewPage: getMostRecentOverviewPage(state),
     tokens,
     pendingTokens,
-    showSearchTab: getIsMainnet(state) || process.env.IN_TEST === 'true',
+    showSearchTab,
     chainId,
     rpcPrefs: getRpcPrefsForCurrentProvider(state),
-    tokenList: getTokenList(state),
+    tokenList,
   };
 };