feat: TSA 488-2 Whats Happening expanded view + Explore page by joaosantos15 · Pull Request #29681 · MetaMask/metamask-mobile

joaosantos15 · 2026-05-04T18:01:15Z

Description

Adds the expanded view of the Whats Happening section and adds it to the Explore page.

whatshappening.mp4

Changelog

CHANGELOG entry: null

Related issues

Fixes:

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

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.

Performance checks (if applicable)

I've tested on Android
- Ideally on a mid-range device; emulator is acceptable
I've tested with a power user scenario
- Use these power-user SRPs to import wallets with many accounts and tokens
I've instrumented key operations with Sentry traces for production performance metrics
- See trace() for usage and addToken for an example

For performance guidelines and tooling, see the Performance Guide.

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

Medium Risk
Adds a new navigation route and substantial new UI flow (carousel detail view, bottom sheet link-out, and Buy/Trade actions) which could impact navigation behavior and external URL handling if not covered by integration testing.

Overview
Adds a new Routes.WHATS_HAPPENING_DETAIL screen and wires the Homepage “What’s happening” carousel to navigate to it using only an initialIndex param (the detail view fetches its own data).

Introduces WhatsHappeningDetailView with a horizontally snapping expanded-card carousel, loading skeletons, error/retry state, and a page indicator. Expanded cards now support impact badges (new i18n strings), token/perps action rows (Buy via Ramp, Trade via Perps), and a sources bottom sheet that lists articles using a shared ArticleRow component with safe URL link-out.

Refactors Market Insights trend sources bottom sheet to reuse the new ArticleRow, and adds unit tests covering the new screen/components, navigation params, impact badge rendering, and related-asset icon resolution (getRelatedAssetImageSource).

^{Reviewed by Cursor Bugbot for commit c3dd999. Bugbot is set up for automated code reviews on this repo. Configure here.}

github-actions · 2026-05-04T18:01:30Z

CLA Signature Action: All authors have signed the CLA. You may need to manually re-run the blocking PR check if it doesn't pass in a few minutes.

cursor

Cursor Bugbot has reviewed your changes and found 1 potential issue.

^{❌ Bugbot Autofix is OFF. To automatically fix reported issues with cloud agents, have a team admin enable autofix in the Cursor dashboard.}

^{Reviewed by Cursor Bugbot for commit de3c4e7. Configure here.}

github-actions · 2026-05-05T17:46:13Z

🔍 Smart E2E Test Selection

Selected E2E tags: SmokeWalletPlatform, SmokePerps
Selected Performance tags: None (no tests recommended)
Risk Level: medium
AI Confidence: 82%

click to see 🤖 AI reasoning details

E2E Test Selection:
The PR introduces a new WhatsHappeningDetailView screen and related components for the Trending/Homepage feature area. Key changes:

MainNavigator.js - Adds a new route WHATS_HAPPENING_DETAIL to the navigation stack. Navigation changes can affect routing for many flows, but this is an additive change (new screen only).
WhatsHappeningDetailView (new) - Full-screen detail view with horizontal carousel, page indicator, expanded cards, and sources bottom sheet. This is a new feature with no existing E2E tests.
WhatsHappeningSection.tsx - Updated navigation call to pass only initialIndex (not items). This changes the navigation params contract.
WhatsHappeningCard.tsx - Added impact badges (Bullish/Bearish/Neutral) to the card UI.
ArticleRow.tsx - New reusable component extracted from MarketInsightsTrendSourcesBottomSheet (refactor).
PerpsRow.tsx - Navigates to Perps market details from the expanded card.
TokenRow.tsx - Uses useRampNavigation to navigate to the Ramp buy flow.

Tag Selection Rationale:

SmokeWalletPlatform: The WhatsHappening section is part of the Trending tab (Homepage). Existing trending tests (trending-feed.spec.ts, trending-browser.spec.ts, trending-search.spec.ts) are all tagged SmokeWalletPlatform. The navigation change in MainNavigator and the WhatsHappeningSection navigation update need validation.
SmokePerps: The new PerpsRow component navigates to Perps market details. Per tag description, SmokePerps should also select SmokeWalletPlatform (already included). The Perps section is embedded in Trending.

Not selected:

SmokeMoney: TokenRow uses useRampNavigation but this is a new feature path (not modifying existing ramp flows). The ramp navigation hook itself is unchanged.
SmokeConfirmations: No direct confirmation flow changes.
Other tags: No relevant changes to their areas.

Performance Test Selection:
The changes are primarily UI additions for a new WhatsHappeningDetailView screen and refactoring of existing components (ArticleRow extraction). While there are new list-rendering components (carousel, article rows), these are new feature screens that don't modify existing performance-critical paths like account lists, login flows, or app startup. No performance test infrastructure changes were made. The changes don't impact the core rendering paths measured by existing performance tests.

View GitHub Actions results

sonarqubecloud · 2026-05-05T18:02:26Z

Quality Gate passed

Issues
5 New issues
0 Accepted issues

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

See analysis details on SonarQube Cloud

joaosantos15 added 2 commits May 4, 2026 19:41

chore: bump ai-controller

7fc663e

feat: adds whats happening expanded view

5b00046

metamaskbotv2 Bot added the team-social-ai Social & AI team label May 4, 2026

github-actions Bot added the size-L label May 4, 2026

Merge branch 'main' into TSA-488-2-whatshappening-expanded

9d08ce6

joaosantos15 marked this pull request as ready for review May 4, 2026 18:34

cursor Bot reviewed May 4, 2026

View reviewed changes

Comment thread app/components/Views/WhatsHappeningDetailView/components/TokenRow.tsx

Comment thread app/components/Views/WhatsHappeningDetailView/components/WhatsHappeningExpandedCard.tsx

zone-live added 2 commits May 5, 2026 10:17

chore: lint fix

5b94707

Merge branch 'main' into TSA-488-2-whatshappening-expanded

865fcd4