feat: trending main search

[juanmigdr]

Description

As part of developing the "Trending" feature we needed to add a global search that would allow searching amongst trending tokens, perps, trending predictions...

I have developed a MODULAR search hook and global search that allows searching across all existing sections and allows for easy integration of new sections.

If a new section is added, the user will have to only modify the configuration in exploreSearchConfig like this:

and add the necessary hook inside useExplorerSearch:

Everything else is handled automatically which makes it easy for developers to add new configurations

Changelog

CHANGELOG entry: added new trending search functionality

Related issues

Fixes: https://consensyssoftware.atlassian.net/browse/ASSETS-1528 & https://consensyssoftware.atlassian.net/browse/ASSETS-1527

Manual testing steps

Feature: my feature name

  Scenario: user [verb for user action]
    Given [describe expected initial app state]

    When user [verb for user action]
    Then [describe expected outcome]

Screenshots/Recordings

Before

After

Screen.Recording.2025-11-12.at.14.18.22.mov

Pre-merge author checklist

• I’ve followed MetaMask Contributor Docs and MetaMask Mobile Coding Standards.
• I've completed the PR template to the best of my ability
• I’ve included tests if applicable
• I’ve documented my code using JSDoc format if applicable
• I’ve applied the right labels on the PR (see labeling guidelines). Not required for external contributors.

Pre-merge reviewer checklist

• I've manually tested the PR (e.g. pull and build branch, run the app, test code being changed).
• I confirm that this PR addresses all acceptance criteria described in the ticket it closes and includes the necessary testing evidence such as recordings and or screenshots.

---

Note

Introduces an Explore Search flow with a modular search hook, UI components, navigation, i18n, and tests, enabling search across tokens, perps, and predictions from the Trending tab.

• Trending / Explore Search:
  • UI:
    • Add ExploreSearchBar and ExploreSearchScreen with ExploreSearchResults list (headers, items, skeletons).
    • Integrate search entry in TrendingView (button + navigation), wrap with PerpsStreamProvider.
  • Hook & Config:
    • Add generic useExploreSearch (200ms debounce, top-3 on empty, per-section filtering).
    • Define configurable sections in exploreSearchConfig for tokens, perps, predictions with item renderers and key extractors.
  • Navigation:
    • Add route Routes.EXPLORE_SEARCH; register in TrendingView stack; update imports in MainNavigator.
  • i18n:
    • Extend trending strings: search_placeholder, perps, predictions, no_results.
  • Tests:
    • Add tests for ExploreSearchBar, ExploreSearchResults, useExploreSearch, and update TrendingView tests for search button and navigation.

^{Written by Cursor Bugbot for commit b35671b. This will update automatically on new commits. Configure here.}

[juanmigdr]

🔴 The only thing I believe should be improved is the structure of the files. In an upcoming PR we will refactor this for the whole trending feature to centralize everything as per team decision

[sonarqubecloud]

Quality Gate passed

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
89.2% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube Cloud