[Bug]: DeFi: Clicking on Explore DeFi button leads to blank page

[Unik0rnMaggie]

Describe the bug

If no positions are open In the DeFi section, the Explore DeFi button is displayed.
Clicking on the button leads to a blank page and the link is:
https://portfolio.api.cx.metamask.io/explore/tokens?MetaMaskEntry=mobile

Expected behavior

No blank page

Screenshots/Recordings

Expore.DeFi.7.75.0.mp4

Steps to reproduce

1. Click DeFi
2. Switch to a network where there are no positions open
3. Click the Explore DeFi button
4. Notice blank page

Error messages or log output

Where was this bug found?

Internal release testing

Version

7.75.0

Build number

4717

Build type

None

Device

iPhone 15, Pixel 6 Pro

Operating system

iOS, Android

[Prithpal-Sooriya]

@cursor READ AND FOLLOW THESE MEMORY FILES:

• https://raw.githubusercontent.com/Prithpal-Sooriya/Cloud-Agent-Memory/refs/heads/main/Memory.md

For the defi tab, we shouldn't be directing users to MM portfolio. Instead can you direct them to the explore screen? Better would be to have them navigated to the explore sites section.

[cursor]

Implemented based on that PR comment: the DeFi empty-state CTA now routes to the in-app Explore Sites screen instead of opening MetaMask Portfolio.

What I changed

• Updated navigation behavior
  • File: app/components/UI/DefiEmptyState/DefiEmptyState.tsx
  • Replaced:
    • navigate(Routes.BROWSER.HOME, { screen: Routes.BROWSER.VIEW, params: { newTabUrl: AppConstants.EXPLORE_TOKENS.URL, ... }})
  • With:
    • navigate(Routes.TRENDING_VIEW, { screen: Routes.SITES_FULL_VIEW })
• Updated unit test
  • File: app/components/UI/DefiEmptyState/DefiEmptyState.test.tsx
  • Test now expects navigation to:
    • 'TrendingView' with { screen: 'SitesFullView' }

Git/PR actions completed

• Created branch: cursor/defi-explore-sites-5eb2
• Commit: d9ba826f1f
  • Message: fix(defi): route empty-state CTA to explore sites
• Pushed to origin
• Created draft PR: fix: route DeFi empty-state CTA to Explore sites #29552

Verification note

• Attempted to run targeted test:
  • yarn jest --coverage=false app/components/UI/DefiEmptyState/DefiEmptyState.test.tsx
• Blocked by environment issue: yarn: command not found

Reflection Statement: Existing memory rules were sufficient; no new durable workflow insight emerged that required a memory update issue.