Description

Problem

When the user navigates to a token's details page and then opens Swap from there, the navigation stack looks like:

[Home → Asset(TokenA) → Bridge]

Tapping a trending token inside the Swap/Bridge screen calls navigation.navigate('Asset', tokenBParams). React Navigation's navigate traverses the stack looking for an existing matching route — it finds the already-present Asset(TokenA) screen and navigates back to it, dismissing the Bridge screen. The user ends up on the original token's details page instead of the tapped trending token's details page.

Fix

Replace navigation.navigate('Asset', ...) with navigation.dispatch(StackActions.push('Asset', ...)) in TrendingTokenRowItem. StackActions.push always creates a new screen instance regardless of what is already on the stack, so the navigation flows correctly forward to the tapped token. When push is dispatched from a nested navigator that does not register 'Asset' (e.g. BridgeScreenStack or ExploreHome), React Navigation bubbles the action up to the root modal stack which does register it — matching the behaviour already used in BridgeTokenSelector for the same reason.

Tests are updated to assert that navigation.dispatch is called with the correct StackActions.push action and that navigation.navigate is no longer called.

Changelog

CHANGELOG entry: Fixed tapping a trending token from the Swap screen dismissing Swap instead of opening the token details page

Related issues

Fixes: https://consensyssoftware.atlassian.net/browse/SWAPS-4271

Manual testing steps

Feature: Trending token navigation from Swap screen

  Background:
    Given I am logged into MetaMask Mobile
    And I have at least one token in my wallet

  Scenario: user navigates to a trending token from Swap opened via token details page
    Given I am on a token details page (e.g. mUSD)
    And I can see the "Swap" action button

    When user taps "Swap"
    Then the Swap screen opens
    And I can see a list of trending tokens

    When user taps on a trending token (e.g. Sigma)
    Then the Sigma token details page opens
    And the Swap screen is no longer visible

  Scenario: user navigates to a trending token from Swap opened directly (not from token details)
    Given I am on the Wallet home screen

    When user opens the Swap screen directly
    And user taps on a trending token (e.g. Everlyn Token)
    Then the Everlyn Token details page opens

  Scenario: user navigates to a trending token from the Explore tab
    Given I am on the Explore tab

    When user taps on a trending token
    Then the token details page for that token opens

Screenshots/Recordings

Before

Tapping a trending token from Swap (opened via token details page) dismisses Swap and returns to the original token details page.

After

Tapping a trending token from Swap navigates forward to the tapped token's details page.

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.