Skip to content

fix: send amount page header display when modal is opened#30433

Merged
jpuri merged 5 commits into
mainfrom
ogp/remove-unnecessary-nav-header
May 20, 2026
Merged

fix: send amount page header display when modal is opened#30433
jpuri merged 5 commits into
mainfrom
ogp/remove-unnecessary-nav-header

Conversation

@OGPoyraz

@OGPoyraz OGPoyraz commented May 20, 2026

Copy link
Copy Markdown
Member

Before:
Screenshot 2026-05-20 at 12 45 48

After:
Screenshot 2026-05-20 at 12 43 12


Note

Low Risk
Low risk UI-layer change that only affects how the send alert bottom sheet is presented; main risk is regressions in modal stacking/close behavior on iOS/Android.

Overview
Fixes the send flow alert UI by presenting SendAlertModal as a native Modal with a design-system BottomSheet, rather than rendering the bottom sheet directly.

This changes the alert’s presentation layer to avoid underlying header/layout artifacts when the sheet is open, while keeping the alert content and footer actions the same.

Reviewed by Cursor Bugbot for commit a6d804f. Bugbot is set up for automated code reviews on this repo. Configure here.

@metamaskbotv2 metamaskbotv2 Bot added the team-confirmations Push issues to confirmations team label May 20, 2026
@codecov-commenter

Copy link
Copy Markdown

Codecov Report

❌ Patch coverage is 0% with 1 line in your changes missing coverage. Please review.
⚠️ Please upload report for BASE (send_network_alert@11380f2). Learn more about missing BASE report.

Files with missing lines Patch % Lines
...ponents/send/send-alert-modal/send-alert-modal.tsx 0.00% 0 Missing and 1 partial ⚠️
Additional details and impacted files
@@                  Coverage Diff                  @@
##             send_network_alert   #30433   +/-   ##
=====================================================
  Coverage                      ?   82.03%           
=====================================================
  Files                         ?     5457           
  Lines                         ?   145902           
  Branches                      ?    33431           
=====================================================
  Hits                          ?   119697           
  Misses                        ?    18015           
  Partials                      ?     8190           

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

🚀 New features to boost your workflow:
  • ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
  • 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

Base automatically changed from send_network_alert to main May 20, 2026 12:32
@github-actions

Copy link
Copy Markdown
Contributor

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.

@jpuri jpuri changed the title Temp fix: send amount page header display when modal is opened May 20, 2026
@jpuri jpuri added the no-changelog no-changelog Indicates no external facing user changes, therefore no changelog documentation needed label May 20, 2026
@jpuri jpuri marked this pull request as ready for review May 20, 2026 12:41
@jpuri jpuri requested a review from a team as a code owner May 20, 2026 12:41
@metamaskbotv2 metamaskbotv2 Bot added the INVALID-PR-TEMPLATE PR's body doesn't match template label May 20, 2026
@github-actions

Copy link
Copy Markdown
Contributor

🔍 Smart E2E Test Selection

  • Selected E2E tags: SmokeConfirmations
  • Selected Performance tags: None (no tests recommended)
  • Risk Level: medium
  • AI Confidence: 88%
click to see 🤖 AI reasoning details

E2E Test Selection:
The change modifies send-alert-modal.tsx in the confirmations/send flow. The key change is:

  1. Wrapping the BottomSheet in a React Native Modal component (transparent, no animation) to fix z-index/overlay rendering
  2. Switching the BottomSheet import from the custom component-library to @metamask/design-system-react-native

This component is used in the send flow (amount-alerts.tsx and recipient.tsx) to display warning/alert modals when sending tokens. The change is a UI rendering fix that could affect how the alert modal appears during send transactions.

SmokeConfirmations is the appropriate tag as it covers transaction sending flows (ETH, ERC-20, Solana SPL tokens) and the send flow where this alert modal appears. No other flows are impacted - this is isolated to the send alert modal within confirmations.

No performance tests are needed as this is a simple modal wrapper change with no data loading, state management, or rendering performance implications.

Performance Test Selection:
The change is a simple UI wrapper addition (React Native Modal around BottomSheet) with no impact on data loading, state management, list rendering, or app initialization. No performance tests are warranted.

View GitHub Actions results

@jpuri jpuri enabled auto-merge May 20, 2026 12:41

@cursor cursor Bot left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

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

Fix All in Cursor

❌ 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 a6d804f. Configure here.

@sonarqubecloud

Copy link
Copy Markdown

@jpuri jpuri added this pull request to the merge queue May 20, 2026
Merged via the queue into main with commit 4af4605 May 20, 2026
208 of 251 checks passed
@jpuri jpuri deleted the ogp/remove-unnecessary-nav-header branch May 20, 2026 13:41
@github-actions github-actions Bot locked and limited conversation to collaborators May 20, 2026
@metamaskbotv2 metamaskbotv2 Bot added the release-7.79.0 Issue or pull request that will be included in release 7.79.0 label May 20, 2026
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.

Labels

INVALID-PR-TEMPLATE PR's body doesn't match template no-changelog no-changelog Indicates no external facing user changes, therefore no changelog documentation needed release-7.79.0 Issue or pull request that will be included in release 7.79.0 size-M team-confirmations Push issues to confirmations team

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants