chore: do not dim tokens when no wallet is selected

Author: kyleleighton

src/views/v3/Bridge/AssetPicker/TokenList.tsx

@@ -115,28 +115,27 @@ const TokenList = (props: Props) => {
 
     // Normal state - show the token list
     return 'ready';
-  }, [
-    props.isSource,
-    props.wallet?.address,
-    props.isConnectingWallet,
-    props.isFetching,
-    sortedTokens.length,
-  ]);
+  }, [props.isFetching, sortedTokens.length]);
 
   const shouldShowLoadingState = listState === 'loading';
   const shouldShowEmptyMessage = listState === 'empty';
 
   // Build sectioned list for source picker when not searching
   const isGroupingEnabled = props.isSource && !props.searchQuery;
+  const isWalletConnected = Boolean(props.wallet?.address);
 
   const { itemsForRender, ownedCount } = useMemo(() => {
     if (!isGroupingEnabled) {
       return { itemsForRender: sortedTokens, ownedCount: 0 };
     }
 
     const hasPositiveBalance = (token: Token) => {
+      if (!isWalletConnected) {
+        return false;
+      }
+
       const bal = props.balances?.[token.key]?.balance;
-      return !!(bal && sdkAmount.units(bal) > 0n);
+      return Boolean(bal && sdkAmount.units(bal) > 0n);
     };
 
     const nativeToken = sortedTokens.find((token) => token.isNativeGasToken);
@@ -154,7 +153,7 @@ const TokenList = (props: Props) => {
     const itemsForRender = [...ownedTokens, ...nativePart, ...rest];
 
     return { itemsForRender, ownedCount: ownedTokens.length };
-  }, [isGroupingEnabled, props.balances, sortedTokens]);
+  }, [isGroupingEnabled, isWalletConnected, props.balances, sortedTokens]);
 
   const searchList = (
     <SearchableList<Token>
@@ -185,7 +184,9 @@ const TokenList = (props: Props) => {
             ? getUSDFormat(calculateUSDPriceRaw(tokenPrice, balance, token))
             : null;
 
-        const isRestSection = isGroupingEnabled && index >= ownedCount;
+        // Do not dim when no wallet is connected
+        const isRestSection =
+          isGroupingEnabled && isWalletConnected && index >= ownedCount;
 
         return (
           <Fragment key={token.key}>