chore(runway): cherry-pick refactor: Market discoverability improvements

app/components/UI/Perps/Views/PerpsHomeView/PerpsHomeView.tsx

@@ -130,6 +130,7 @@ const PerpsHomeView = () => {
     orders,
     watchlistMarkets,
     perpsMarkets, // Crypto markets (renamed from trendingMarkets)
+    commoditiesMarkets, // Commodity markets
     stocksMarkets, // Equity markets only
     forexMarkets,
     recentActivity,
@@ -503,6 +504,15 @@ const PerpsHomeView = () => {
           />
         </View>
 
+        {/* Commodities Markets List */}
+        <PerpsMarketTypeSection
+          title={strings('perps.home.commodities')}
+          markets={commoditiesMarkets}
+          marketType="commodities"
+          sortBy={sortBy}
+          isLoading={isLoading.markets}
+        />
+
         {/* Stocks Markets List */}
         <View onLayout={handleSectionLayout('explore_stocks')}>
           <PerpsMarketTypeSection

app/components/UI/Perps/Views/PerpsTabView/PerpsTabView.tsx

@@ -291,8 +291,11 @@ const PerpsTabView = () => {
 
   const handleSeeAllPerps = useCallback(() => {
     navigation.navigate(Routes.PERPS.ROOT, {
-      screen: Routes.PERPS.PERPS_HOME,
-      params: { source: PerpsEventValues.SOURCE.HOMESCREEN_TAB },
+      screen: Routes.PERPS.MARKET_LIST,
+      params: {
+        defaultMarketTypeFilter: 'all',
+        source: PerpsEventValues.SOURCE.HOMESCREEN_TAB,
+      },
     });
   }, [navigation]);
 

app/components/UI/Perps/components/PerpsMarketRowItem/PerpsMarketRowItem.tsx

@@ -36,7 +36,7 @@ const PerpsMarketRowItem = ({
   onPress,
   iconSize = HOME_SCREEN_CONFIG.DefaultIconSize,
   displayMetric = 'volume',
-  showBadge = true,
+  showBadge = false, // We can re-enable this if/when we decide to render the badges for stocks and commodities
 }: PerpsMarketRowItemProps) => {
   const { styles } = useStyles(styleSheet, {});
 

app/components/UI/Perps/hooks/usePerpsTabExploreData.test.ts

@@ -189,15 +189,15 @@ describe('usePerpsTabExploreData', () => {
       expect(result.current.exploreMarkets[7].symbol).toBe('TOKEN7');
     });
 
-    it('filters out non-crypto/equity market types', () => {
+    it('includes all market types without filtering', () => {
       // Arrange
       const mixedMarkets: PerpsMarketDataWithVolumeNumber[] = [
         { ...mockMarkets[0], marketType: undefined }, // crypto (no type)
         { ...mockMarkets[1], marketType: 'equity' }, // equity
         {
           ...mockMarkets[2],
           marketType: 'forex' as PerpsMarketData['marketType'],
-        }, // forex - should be filtered out
+        }, // forex
       ];
       mockUsePerpsMarkets.mockReturnValue({
         markets: mixedMarkets,
@@ -212,13 +212,13 @@ describe('usePerpsTabExploreData', () => {
         usePerpsTabExploreData({ enabled: true }),
       );
 
-      // Assert - forex should be filtered out
-      expect(result.current.exploreMarkets).toHaveLength(2);
-      expect(
-        result.current.exploreMarkets.every(
-          (m) => !m.marketType || m.marketType === 'equity',
-        ),
-      ).toBe(true);
+      // Assert - all market types are included (no filtering)
+      expect(result.current.exploreMarkets).toHaveLength(3);
+      expect(result.current.exploreMarkets.map((m) => m.symbol)).toEqual([
+        'BTC',
+        'ETH',
+        'SOL',
+      ]);
     });
 
     it('returns empty watchlist when no symbols match', () => {

app/components/UI/Perps/hooks/usePerpsTabExploreData.ts

@@ -42,18 +42,11 @@ export const usePerpsTabExploreData = ({
   // Get watchlist symbols from Redux
   const watchlistSymbols = useSelector(selectPerpsWatchlistMarkets);
 
-  // Filter explore markets: crypto + equity, top 8 by volume
+  // Filter explore markets: all market types, top 8 by volume
   // Markets are already sorted by volume from usePerpsMarkets
   const exploreMarkets = useMemo(() => {
     if (!enabled) return [];
-    return markets
-      .filter(
-        (m) =>
-          !m.marketType ||
-          m.marketType === 'crypto' ||
-          m.marketType === 'equity',
-      )
-      .slice(0, EXPLORE_MARKETS_LIMIT);
+    return markets.slice(0, EXPLORE_MARKETS_LIMIT);
   }, [markets, enabled]);
 
   // Filter watchlist markets