feat: add multiple alert modal to `AlertRow` component
Description
The PR aims to update the alert logic within the AlertRow component to include the multiple alert modal component and show it when the inline alert is clicked.
Related issues
Fixes: https://github.com/MetaMask/MetaMask-planning/issues/2291
Manual testing steps
Screenshots/Recordings
Before
After
Pre-merge author checklist
- [x] I’ve followed MetaMask Coding Standards.
- [x] I've completed the PR template to the best of my ability
- [x] I’ve included tests if applicable
- [x] I’ve documented my code using JSDoc format if applicable
- [x] 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.
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.
Builds ready [1e18ebd]
- builds: chrome, firefox
- builds (beta): chrome
- builds (flask): chrome, firefox
- builds (MMI): chrome, firefox
- builds (test): chrome, firefox
- builds (test-flask): chrome, firefox
- build viz: Build System
- mv3: Background Module Init Stats
- mv3: UI Init Stats
- mv3: Module Load Stats
- mv3: Bundle Size Stats
- mv2: E2e Actions Stats
- code coverage: Report
- storybook: Storybook
- typescript migration: Dashboard
- all artifacts
Page Load Metrics (464 ± 366 ms)
| Platform | Page | Metric | Min (ms) | Max (ms) | Average (ms) | StandardDeviation (ms) | MarginOfError (ms) |
|---|---|---|---|---|---|---|---|
| Chrome | Home | firstPaint | 61 | 160 | 98 | 25 | 12 |
| domContentLoaded | 9 | 57 | 24 | 15 | 7 | ||
| load | 49 | 2124 | 464 | 762 | 366 | ||
| domInteractive | 9 | 57 | 24 | 15 | 7 |
Bundle size diffs [🚨 Warning! Bundle size has increased!]
- background: 0 Bytes (0.00%)
- ui: 15.81 KiB (0.22%)
- common: 158 Bytes (0.00%)
Builds ready [3179c6a]
- builds: chrome, firefox
- builds (beta): chrome
- builds (flask): chrome, firefox
- builds (MMI): chrome, firefox
- builds (test): chrome, firefox
- builds (test-flask): chrome, firefox
- build viz: Build System
- mv3: Background Module Init Stats
- mv3: UI Init Stats
- mv3: Module Load Stats
- mv3: Bundle Size Stats
- mv2: E2e Actions Stats
- code coverage: Report
- storybook: Storybook
- typescript migration: Dashboard
- all artifacts
Page Load Metrics (1322 ± 546 ms)
| Platform | Page | Metric | Min (ms) | Max (ms) | Average (ms) | StandardDeviation (ms) | MarginOfError (ms) |
|---|---|---|---|---|---|---|---|
| Chrome | Home | firstPaint | 61 | 382 | 152 | 92 | 44 |
| domContentLoaded | 8 | 90 | 27 | 19 | 9 | ||
| load | 49 | 2731 | 1322 | 1137 | 546 | ||
| domInteractive | 8 | 90 | 27 | 19 | 9 |
Bundle size diffs [🚨 Warning! Bundle size has increased!]
- background: 0 Bytes (0.00%)
- ui: 15.62 KiB (0.22%)
- common: 158 Bytes (0.00%)
Builds ready [d61eb85]
- builds: chrome, firefox
- builds (beta): chrome
- builds (flask): chrome, firefox
- builds (MMI): chrome, firefox
- builds (test): chrome, firefox
- builds (test-flask): chrome, firefox
- build viz: Build System
- mv3: Background Module Init Stats
- mv3: UI Init Stats
- mv3: Module Load Stats
- mv3: Bundle Size Stats
- mv2: E2e Actions Stats
- code coverage: Report
- storybook: Storybook
- typescript migration: Dashboard
- all artifacts
Page Load Metrics (999 ± 613 ms)
| Platform | Page | Metric | Min (ms) | Max (ms) | Average (ms) | StandardDeviation (ms) | MarginOfError (ms) |
|---|---|---|---|---|---|---|---|
| Chrome | Home | firstPaint | 68 | 190 | 111 | 38 | 18 |
| domContentLoaded | 10 | 82 | 27 | 18 | 9 | ||
| load | 54 | 3366 | 999 | 1277 | 613 | ||
| domInteractive | 10 | 82 | 27 | 18 | 9 |
Bundle size diffs [🚨 Warning! Bundle size has increased!]
- background: 0 Bytes (0.00%)
- ui: 17.75 KiB (0.28%)
- common: 158 Bytes (0.00%)
Codecov Report
All modified and coverable lines are covered by tests :white_check_mark:
Project coverage is 67.66%. Comparing base (
91aefe6) to head (d61eb85).
:exclamation: Current head d61eb85 differs from pull request most recent head 45add14. Consider uploading reports for the commit 45add14 to get more accurate results
Additional details and impacted files
@@ Coverage Diff @@
## feat/add-inline-alert-info-row-component #23759 +/- ##
============================================================================
+ Coverage 67.31% 67.66% +0.34%
============================================================================
Files 1277 1259 -18
Lines 49771 49229 -542
Branches 12937 12844 -93
============================================================================
- Hits 33503 33306 -197
+ Misses 16268 15923 -345
:umbrella: View full report in Codecov by Sentry.
:loudspeaker: Have feedback on the report? Share it here.
Builds ready [e5f07e3]
- builds: chrome, firefox
- builds (beta): chrome
- builds (flask): chrome, firefox
- builds (MMI): chrome, firefox
- builds (test): chrome, firefox
- builds (test-flask): chrome, firefox
- build viz: Build System
- mv3: Background Module Init Stats
- mv3: UI Init Stats
- mv3: Module Load Stats
- mv3: Bundle Size Stats
- mv2: E2e Actions Stats
- code coverage: Report
- storybook: Storybook
- typescript migration: Dashboard
- all artifacts
Page Load Metrics (646 ± 562 ms)
| Platform | Page | Metric | Min (ms) | Max (ms) | Average (ms) | StandardDeviation (ms) | MarginOfError (ms) |
|---|---|---|---|---|---|---|---|
| Chrome | Home | firstPaint | 68 | 127 | 83 | 15 | 7 |
| domContentLoaded | 9 | 27 | 12 | 5 | 2 | ||
| load | 56 | 3383 | 646 | 1171 | 562 | ||
| domInteractive | 9 | 27 | 12 | 5 | 2 |
Bundle size diffs
- background: 0 Bytes (0.00%)
- ui: 29 Bytes (0.00%)
- common: 0 Bytes (0.00%)
Builds ready [3a6f438]
- builds: chrome, firefox
- builds (beta): chrome
- builds (flask): chrome, firefox
- builds (MMI): chrome, firefox
- builds (test): chrome, firefox
- builds (test-flask): chrome, firefox
- build viz: Build System
- mv3: Background Module Init Stats
- mv3: UI Init Stats
- mv3: Module Load Stats
- mv3: Bundle Size Stats
- mv2: E2e Actions Stats
- code coverage: Report
- storybook: Storybook
- typescript migration: Dashboard
- all artifacts
Page Load Metrics (205 ± 288 ms)
| Platform | Page | Metric | Min (ms) | Max (ms) | Average (ms) | StandardDeviation (ms) | MarginOfError (ms) |
|---|---|---|---|---|---|---|---|
| Chrome | Home | firstPaint | 68 | 105 | 82 | 10 | 5 |
| domContentLoaded | 9 | 37 | 13 | 6 | 3 | ||
| load | 55 | 2824 | 205 | 601 | 288 | ||
| domInteractive | 9 | 37 | 13 | 6 | 3 |
Bundle size diffs
- background: 0 Bytes (0.00%)
- ui: 0 Bytes (0.00%)
- common: 0 Bytes (0.00%)
Missing release label release-11.17.0 on PR. Adding release label release-11.17.0 on PR and removing other release labels(release-11.18.0), as PR was added to branch 11.17.0 when release was cut.