Fix duplicate import, better focus and item autofocus

MetaMask · Jul 25, 2023 · 0ba6023 · 0ba6023
1 parent fb5bbcc
commit 0ba6023
Showing 1 changed file with 4 additions and 3 deletions.
diff --git a/ui/components/multichain/network-list-menu/network-list-menu.js b/ui/components/multichain/network-list-menu/network-list-menu.js
@@ -38,7 +38,6 @@ import {
   Box,
   Text,
   TextFieldSearch,
-  Text,
 } from '../../component-library';
 import { ADD_POPULAR_CUSTOM_NETWORK } from '../../../helpers/constants/routes';
 import { getEnvironmentType } from '../../../../app/scripts/lib/util';
@@ -81,6 +80,8 @@ export const NetworkListMenu = ({ onClose }) => {
 
   const lineaMainnetReleased = useSelector(isLineaMainnetNetworkReleased);
 
+  const showSearch = nonTestNetworks.length > 3;
+
   useEffect(() => {
     if (currentlyOnTestNetwork) {
       dispatch(setShowTestNetworks(currentlyOnTestNetwork));
@@ -126,7 +127,7 @@ export const NetworkListMenu = ({ onClose }) => {
           iconSrc={network?.rpcPrefs?.imageUrl}
           key={`${network.id || network.chainId}-${index}`}
           selected={isCurrentNetwork}
-          focus={isCurrentNetwork && !isSearching}
+          focus={isCurrentNetwork && !showSearch}
           onClick={() => {
             dispatch(toggleNetworkMenu());
             if (network.providerType) {
@@ -191,7 +192,7 @@ export const NetworkListMenu = ({ onClose }) => {
           {t('networkMenuHeading')}
         </ModalHeader>
         <>
-          {nonTestNetworks.length > 3 ? (
+          {showSearch ? (
             <Box
               paddingLeft={4}
               paddingRight={4}