Description

Previously, submitting a QuickBuy transaction redirected the user to the Activity view. This change keeps the user on the screen where QuickBuy was triggered (e.g. token details) so they get feedback in context and can watch their balance update.

What changed:

1. Press Buy → close immediately, submit in the background. The bottom sheet now closes the instant the CTA is pressed, and the content drops with the sheet instead of sliding horizontally on exit (isClosing gates the screen-exit transition).
2. Swap lifecycle toasts (pending / complete / failed). BridgeStatusController.submitTx resolves when the source tx is submitted, not when the swap settles — for cross-chain bridges the destination leg can take minutes. So toasts reflect the real lifecycle, driven by BridgeStatusController status, not submit success.
3. Global, navigation-proof watcher. Swap/bridge txs aren't covered by any existing global notification (NotificationManager only watches redesigned tx types, which exclude swap/bridge). The terminal complete/failed toast is fired from the app-root ControllerEventToastBridge via a new useQuickBuyToastRegistrations hook, so it shows even after the user navigates away. A small in-memory quickBuyTradeTracker scopes the handler to QuickBuy-initiated trades and carries the copy data (token pair, amount, rate).
4. Design + copy. Toasts match the Swap design: an action title line plus the exchange-rate quote as a description, with mode-aware copy (Buying/Selling, Bought/Sold) and a close button.

Architecture note: everything stays within **/SocialLeaderboard/** (social-ai) by importing existing controllers/selectors, except a ~5-line wiring change in App.tsx/App.test.tsx (mobile-platform CODEOWNERS), matching the existing Predict/Perps toast-registration precedent.

Changelog

CHANGELOG entry: QuickBuy now stays on the current screen after you tap Buy and shows pending, complete, and failed swap toasts (including for slow cross-chain swaps).

Related issues

Fixes:

Manual testing steps

Feature: QuickBuy stay-on-screen swap toasts

  Scenario: user buys a token via QuickBuy
    Given the user opened QuickBuy from a token/trader screen
    And entered a valid amount with an available quote

    When the user taps the Buy CTA
    Then the bottom sheet closes immediately without sliding horizontally
    And a "Buying $X of <TOKEN> with <PAY>" toast appears on the current screen
    And a "Bought $X of <TOKEN> with <PAY>" toast appears once the swap settles

  Scenario: user navigates away before a cross-chain swap settles
    Given the user submitted a cross-chain QuickBuy
    When the user navigates to another screen
    Then the complete/failed toast still appears when the swap settles

  Scenario: submission is rejected
    Given the user submitted a QuickBuy
    When submission throws (e.g. user rejection)
    Then a "Couldn't buy/sell <TOKEN>" toast appears

Screenshots/Recordings

Before

After

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.

Made with Cursor