Conversation
|
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. |
Codecov ReportAttention: Patch coverage is
Additional details and impacted files@@ Coverage Diff @@
## develop #25143 +/- ##
===========================================
- Coverage 65.64% 65.64% -0.00%
===========================================
Files 1367 1370 +3
Lines 54257 54281 +24
Branches 14189 14199 +10
===========================================
+ Hits 35616 35630 +14
- Misses 18641 18651 +10 ☔ View full report in Codecov by Sentry. |
Builds ready [03c423c]
Page Load Metrics (129 ± 148 ms)
Bundle size diffs
|
03c423c to
e4e9424
Compare
Builds ready [594ba76]
Page Load Metrics (305 ± 393 ms)
Bundle size diffs
|
ccharly
left a comment
There was a problem hiding this comment.
LGTM, I strongly rely on the snapshots being the same as the original AppHeader here.
One small note (that could be addressed in another PR), since this PR moves from .js to .ts, some new typing issues arise, and we repeat this pattern a lot: field={currentNetwork?.field ?? ''
So it would be great if we could rewrite those in a more DRY way like:
const currentNetworkNickname = currentNetwork?.nickname ?? '';
<Component
label={currentNetworkNickname}
/>
Description
This PR refactors the app header into smaller components and adds multichain selectors.
Related issues
Related to https://github.com/MetaMask/accounts-planning/issues/425
Manual testing steps
Screenshots/Recordings
Just an UI/UX components refactor. No changes.
Pre-merge author checklist
Pre-merge reviewer checklist