metamask-mobile icon indicating copy to clipboard operation
metamask-mobile copied to clipboard

chore: refactor header for tokens

Open brianacnguyen opened this issue 4 months ago • 7 comments

Description

This PR updates the Header for the Token details view, based on this design update by @amandaye0h . Specifically

  • Left and right button icons are now using the ButtonIcon component with the large size
  • Overflow icon is updated to vertical version
  • Alignment of header is now top aligned

Related issues

Fixes: https://github.com/MetaMask/metamask-mobile/issues/11854

Manual testing steps

  1. Go to Wallet
  2. Click on a token

Screenshots/Recordings

Before

Token 2 - Dark Token 2 - Light

After

https://github.com/user-attachments/assets/e853d9a4-a9f2-4cc4-b186-19bb2ba69ee5

Pre-merge author checklist

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.

brianacnguyen avatar Oct 17 '24 22:10 brianacnguyen