Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Adding ModalOverlay component #18161

Merged
merged 1 commit into from
Mar 23, 2023
Merged

Conversation

georgewrmarshall
Copy link
Contributor

Explanation

Adding ModalOverlay component as a part of Modal component #18156 according to insight report

Screenshots/Screencaps

After

after.mov

Manual Testing Steps

  • Go to the latest build of storybook in this PR
  • Search ModalOverlay in the search bar in the panel on the left
  • View stories, controls and docs

Pre-merge author checklist

  • I've clearly explained:
    • What problem this PR is solving
    • How this problem was solved
    • How reviewers can test my changes
  • Sufficient automated test coverage has been added

Pre-merge reviewer checklist

  • Manual testing (e.g. pull and build branch, run in browser, test code being changed)
  • PR is linked to the appropriate GitHub issue
  • IF this PR fixes a bug in the release milestone, add this PR to the release milestone

If further QA is required (e.g. new feature, complex testing steps, large refactor), add the Extension QA Board label.

In this case, a QA Engineer approval will be be required.

@georgewrmarshall georgewrmarshall added area-UI Relating to the user interface. team-design-system All issues relating to design system in Extension IA/NAV labels Mar 15, 2023
@georgewrmarshall georgewrmarshall self-assigned this Mar 15, 2023
@github-actions
Copy link
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.

@georgewrmarshall georgewrmarshall mentioned this pull request Mar 15, 2023
12 tasks
@georgewrmarshall georgewrmarshall force-pushed the feat/18033/modal-overlay branch from f863fdf to 762c0fe Compare March 15, 2023 03:37
@georgewrmarshall georgewrmarshall marked this pull request as ready for review March 15, 2023 03:38
@georgewrmarshall georgewrmarshall requested a review from a team as a code owner March 15, 2023 03:38
@georgewrmarshall georgewrmarshall force-pushed the feat/18033/modal-overlay branch from 762c0fe to 47f159e Compare March 15, 2023 19:24
darkwing
darkwing previously approved these changes Mar 15, 2023
@codecov
Copy link

codecov bot commented Mar 16, 2023

Codecov Report

Merging #18161 (888ec2e) into develop (349c9d4) will decrease coverage by 0.33%.
The diff coverage is 100.00%.

❗ Current head 888ec2e differs from pull request most recent head 4ffef07. Consider uploading reports for the commit 4ffef07 to get more accurate results

@@             Coverage Diff             @@
##           develop   #18161      +/-   ##
===========================================
- Coverage    64.47%   64.14%   -0.33%     
===========================================
  Files          909      905       -4     
  Lines        35250    35525     +275     
  Branches      9041     9025      -16     
===========================================
+ Hits         22725    22785      +60     
- Misses       12525    12740     +215     
Impacted Files Coverage Δ
.../component-library/modal-overlay/modal-overlay.tsx 100.00% <100.00%> (ø)

... and 60 files with indirect coverage changes

Help us with your feedback. Take ten seconds to tell us how you rate us. Have a feature suggestion? Share it here.

@metamaskbot
Copy link
Collaborator

Builds ready [73b110d]
Page Load Metrics (1639 ± 66 ms)
PlatformPageMetricMin (ms)Max (ms)Average (ms)StandardDeviation (ms)MarginOfError (ms)
ChromeHomefirstPaint88151120147
domContentLoaded14321854161711555
load14321898163913766
domInteractive14321854161711555
Bundle size diffs
  • background: 0 bytes
  • ui: 2130 bytes
  • common: 0 bytes

@georgewrmarshall georgewrmarshall force-pushed the feat/18033/modal-overlay branch 2 times, most recently from f370ec1 to d694497 Compare March 17, 2023 18:54
jest.config.js Outdated
@@ -13,7 +13,7 @@ module.exports = {
'<rootDir>/development/fitness-functions/**/*.test.(js|ts|tsx)',
],
coverageDirectory: './coverage',
coveragePathIgnorePatterns: ['.stories.js', '.snap'],
coveragePathIgnorePatterns: ['.stories.*', '.snap'],
Copy link
Contributor Author

@georgewrmarshall georgewrmarshall Mar 18, 2023

Choose a reason for hiding this comment

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

Coverage was failing because it's including stories.tsx files

Before

Screenshot 2023-03-18 at 9 33 18 AM

After

Screenshot 2023-03-18 at 9 34 42 AM

@metamaskbot
Copy link
Collaborator

Builds ready [888ec2e]
Page Load Metrics (1551 ± 38 ms)
PlatformPageMetricMin (ms)Max (ms)Average (ms)StandardDeviation (ms)MarginOfError (ms)
ChromeHomefirstPaint99133110105
domContentLoaded1408165215246330
load1421170615517938
domInteractive1408165215246330
Bundle size diffs
  • background: 0 bytes
  • ui: 2130 bytes
  • common: 0 bytes

darkwing
darkwing previously approved these changes Mar 21, 2023
garrettbear
garrettbear previously approved these changes Mar 22, 2023
@georgewrmarshall georgewrmarshall dismissed stale reviews from garrettbear and darkwing via 4ffef07 March 23, 2023 00:19
@metamaskbot
Copy link
Collaborator

Builds ready [4ffef07]
Page Load Metrics (1940 ± 208 ms)
PlatformPageMetricMin (ms)Max (ms)Average (ms)StandardDeviation (ms)MarginOfError (ms)
ChromeHomefirstPaint973661656933
domContentLoaded133024991933434208
load139325141940434208
domInteractive133024991933434208
Bundle size diffs
  • background: 0 bytes
  • ui: 2130 bytes
  • common: 0 bytes

@georgewrmarshall georgewrmarshall merged commit 99bdf84 into develop Mar 23, 2023
@georgewrmarshall georgewrmarshall deleted the feat/18033/modal-overlay branch March 23, 2023 13:36
@github-actions github-actions bot locked and limited conversation to collaborators Mar 23, 2023
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
area-UI Relating to the user interface. team-design-system All issues relating to design system in Extension
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[Ext] Create component: ModalOverlay
5 participants