feat: add remote feature flag for section ordering and made predictions a carousel by juanmigdr · Pull Request #28239 · MetaMask/metamask-mobile

juanmigdr · 2026-04-01T09:15:20Z

Description

The Explore page section order was previously hardcoded, making it impossible to reorder sections (tokens, predictions, perps, stocks, sites) without a code change. Additionally, the predictions section used a row item layout that was inconsistent with the desired carousel experience. This PR:

Introduces the exploreSectionsOrder remote feature flag (LaunchDarkly JSON) that independently controls the order of sections for the home view, quick actions, and search results.
Splits the previous single useSectionsArray hook into useQuickActionsSectionsArray and useSearchSectionsArray so each surface can be ordered independently.
Adds a validated selector (selectExploreSectionsOrder) with progressive-rollout unwrapping and graceful fallback to hardcoded defaults when the flag is absent or invalid.
Switches the predictions section from SectionCard to SectionCarrousel and renders the full PredictMarket card component instead of PredictMarketRowItem.

Changelog

CHANGELOG entry: updated Explore page predictions section to carousel layout and added remote-configurable section ordering

Related issues

Fixes: https://consensyssoftware.atlassian.net/browse/ASSETS-3010 & https://consensyssoftware.atlassian.net/browse/ASSETS-3011

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.2026-04-01.at.17.11.53.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

Medium Risk
Adds a new remote feature flag that controls Explore section ordering across multiple surfaces, which can change UI behavior at runtime if misconfigured. Also changes Predictions rendering to a carousel layout, impacting layout/interaction and related navigation tests.

Overview
Explore section ordering is now remotely configurable. Adds a new exploreSectionsOrder LaunchDarkly flag and selector (selectExploreSectionsOrder) that validates/unwraps flag values and falls back to defaults when invalid, then uses it to independently order sections on the home feed, Quick Actions, and search (splitting the prior useSectionsArray into useQuickActionsSectionsArray and useSearchSectionsArray).

Predictions section UI is updated. Predictions is moved to a carousel-style section and now renders PredictMarket cards (with a carousel skeleton) instead of the row-item layout; minor carousel sizing is adjusted (minHeight vs fixed height).

Tests are aligned to the new behavior. Updates unit tests to mock the renamed hooks/added components, registers the new flag in the E2E feature-flag registry, and adjusts smoke/page-object expectations for the new default section order and Quick Action ordering.

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

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.}

github-actions · 2026-04-03T08:36:52Z

🔍 Smart E2E Test Selection

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

click to see 🤖 AI reasoning details

E2E Test Selection:
The changes in this PR are focused on the Trending/Explore view with the following key modifications:

Section ordering now feature-flag driven: A new exploreSectionsOrder remote feature flag controls the order of sections in home, quickActions, and search views. The default home order changed from tokens→stocks→perps→predictions→sites to predictions→tokens→perps→stocks→sites.
Predictions section UI change: The predictions section now uses SectionCarrousel instead of SectionCard, and renders PredictMarket component (carousel style) instead of PredictMarketRowItem. This is a significant UI change for predictions.
Hook renaming: useSectionsArray split into useQuickActionsSectionsArray and useSearchSectionsArray for better separation of concerns.
SectionCarrousel fix: height changed to minHeight for card sizing.
E2E test updates: The trending-feed.spec.ts and TrendingView.ts page object were updated to reflect the new section order.

Tag selection rationale:

SmokeWalletPlatform: Directly tests the Trending tab, section ordering, QuickActions, and search functionality. The test file trending-feed.spec.ts is tagged with SmokeWalletPlatform. This is the primary tag.
SmokePredictions: The predictions section UI was significantly changed (carousel vs card layout, different component). SmokePredictions tests prediction market interactions which now use a different UI component. Per tag description, Predictions is a section inside Trending (SmokeWalletPlatform), so both are needed.
SmokePerps: Perps section ordering changed (now appears before stocks in quickActions). Per tag description, Perps is also a section inside Trending (SmokeWalletPlatform), so both are needed.

Tags NOT selected:

SmokeConfirmations: No changes to confirmation flows
SmokeAccounts/SmokeIdentity: No account management changes
SmokeNetworkAbstractions/SmokeNetworkExpansion: No network changes
SmokeTrade: No swap/bridge changes (though SmokePredictions and SmokePerps are related to trade, the changes don't affect the trade flow itself)
SmokeCard/SmokeRamps: No card or ramp changes
FlaskBuildTests: No snap changes

Performance Test Selection:
The changes are primarily about section ordering (controlled by feature flag) and a minor UI fix (height → minHeight in SectionCarrousel). While there is a UI component change for predictions (SectionCarrousel vs SectionCard), this is not expected to have a measurable performance impact. The ordering change is a data/config change, not a rendering performance concern. No performance tests are warranted.

View GitHub Actions results

github-actions · 2026-04-03T08:57:58Z

✅ E2E Fixture Validation — Schema is up to date
17 value mismatches detected (expected — fixture represents an existing user).
View details

sonarqubecloud · 2026-04-03T09:01:25Z

Quality Gate passed

Issues
0 New issues
0 Accepted issues

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

See analysis details on SonarQube Cloud

cortisiko

approving from an e2e perspective

feat: revert to previous structure explore page

3d10627

metamaskbot added the team-assets label Apr 1, 2026

github-actions Bot added size-S risk-medium Moderate testing recommended · Possible bug introduction risk labels Apr 1, 2026

cursor Bot reviewed Apr 1, 2026

View reviewed changes

Comment thread app/components/Views/TrendingView/sections.config.tsx

chore: quick actions have order as well

d00b1f7

github-actions Bot added risk-medium Moderate testing recommended · Possible bug introduction risk and removed risk-medium Moderate testing recommended · Possible bug introduction risk labels Apr 2, 2026

cursor Bot reviewed Apr 2, 2026

View reviewed changes

Comment thread app/components/Views/TrendingView/sections.config.tsx

juanmigdr added 2 commits April 2, 2026 10:16

Merge branch 'main' into feat/revert-to-previous-structure-explore

2127fcb

chore: added FF for explore sections

9e95a73

github-actions Bot added size-M and removed size-S labels Apr 2, 2026

juanmigdr changed the title ~~feat: revert to previous structure explore page~~ feat: add remote feature flag for section ordering and reverted to carousel Apr 2, 2026

juanmigdr changed the title ~~feat: add remote feature flag for section ordering and reverted to carousel~~ feat: add remote feature flag for section ordering and made predictions a carousel Apr 2, 2026

github-actions Bot added risk-medium Moderate testing recommended · Possible bug introduction risk and removed risk-medium Moderate testing recommended · Possible bug introduction risk labels Apr 2, 2026

cursor Bot reviewed Apr 2, 2026

View reviewed changes

Comment thread app/components/Views/TrendingView/hooks/useExploreSearch.ts

fix: tests

7b65a20

github-actions Bot added risk-medium Moderate testing recommended · Possible bug introduction risk and removed risk-medium Moderate testing recommended · Possible bug introduction risk labels Apr 2, 2026

cursor Bot reviewed Apr 2, 2026

View reviewed changes

Comment thread app/selectors/featureFlagController/exploreSectionsOrder/index.ts

fix: e2e tests

ce6fafb

juanmigdr requested a review from a team as a code owner April 2, 2026 16:55

github-actions Bot added risk-medium Moderate testing recommended · Possible bug introduction risk and removed risk-medium Moderate testing recommended · Possible bug introduction risk labels Apr 2, 2026

Merge branch 'main' into feat/revert-to-previous-structure-explore

b516e9e

github-actions Bot added risk-medium Moderate testing recommended · Possible bug introduction risk and removed risk-medium Moderate testing recommended · Possible bug introduction risk labels Apr 3, 2026

juanmigdr enabled auto-merge April 3, 2026 08:32

chore: minor change

cb89156

github-actions Bot added risk-medium Moderate testing recommended · Possible bug introduction risk and removed risk-medium Moderate testing recommended · Possible bug introduction risk labels Apr 3, 2026

cortisiko approved these changes Apr 6, 2026

View reviewed changes

juanmigdr added this pull request to the merge queue Apr 6, 2026

Merged via the queue into main with commit 98d60f3 Apr 6, 2026
95 checks passed

juanmigdr deleted the feat/revert-to-previous-structure-explore branch April 6, 2026 16:24

github-actions Bot locked and limited conversation to collaborators Apr 6, 2026

metamaskbot added the release-7.74.0 Issue or pull request that will be included in release 7.74.0 label Apr 6, 2026

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

feat: add remote feature flag for section ordering and made predictions a carousel#28239

feat: add remote feature flag for section ordering and made predictions a carousel#28239
juanmigdr merged 8 commits into
mainfrom
feat/revert-to-previous-structure-explore

juanmigdr commented Apr 1, 2026 •

edited by cursor Bot

Loading

Uh oh!

Uh oh!

Uh oh!

Uh oh!

cursor Bot left a comment

Uh oh!

Uh oh!

github-actions Bot commented Apr 3, 2026

Uh oh!

github-actions Bot commented Apr 3, 2026

Uh oh!

sonarqubecloud Bot commented Apr 3, 2026

Uh oh!

cortisiko left a comment

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

3 participants

Uh oh!

Conversation

juanmigdr commented Apr 1, 2026 • edited by cursor Bot Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Description

Changelog

Related issues

Manual testing steps

Screenshots/Recordings

Before

After

Pre-merge author checklist

Pre-merge reviewer checklist

Uh oh!

Uh oh!

Uh oh!

Uh oh!

cursor Bot left a comment

Choose a reason for hiding this comment

Uh oh!

Uh oh!

github-actions Bot commented Apr 3, 2026

🔍 Smart E2E Test Selection

Uh oh!

github-actions Bot commented Apr 3, 2026

Uh oh!

sonarqubecloud Bot commented Apr 3, 2026

Quality Gate passed

Uh oh!

cortisiko left a comment

Choose a reason for hiding this comment

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

3 participants

juanmigdr commented Apr 1, 2026 •

edited by cursor Bot

Loading