MetaMask / MetaMask/metamask-mobile

The home page top bar is cluttered

Open
#17,972 0 comments 0 reactions 0 assignees View on GitHub
area-design Homepage
Dominant language
TypeScript
Stars
3k
Forks
1.7k
Avg merge
1d 14h
Merged PRs (30d)
669

Description

### What is this about?

With multi-networks established, we have an opportunity to remove our network picker, and also clean up a much overdue area of our home page. There is ongoing work on this from [Trade lane design clean up](https://www.figma.com/design/1F3yNWYLOVPFpTPeJugH20/Mobile-Home---Swaps?m=auto&node-id=169-1238&t=BQ8SLy84y2OeWdWN-1) and [Amanda's home screen Figma](https://www.figma.com/design/DyR0BlVTKo8bm74doQvZpi/Home-Page?node-id=0-1&t=HnGp6msCB6QbISpa-1).

### Scenario

_No response_

### Design

[Trade lane design clean up](https://www.figma.com/design/1F3yNWYLOVPFpTPeJugH20/Mobile-Home---Swaps?m=auto&node-id=169-1238&t=BQ8SLy84y2OeWdWN-1)

[Amanda's home screen Figma](https://www.figma.com/design/DyR0BlVTKo8bm74doQvZpi/Home-Page?node-id=0-1&t=HnGp6msCB6QbISpa-1)

### Technical Details

_No response_

### Threat Modeling Framework

_No response_

### Acceptance Criteria

_No response_

### Stakeholder review needed before the work gets merged

- [ ] Engineering (needed in most cases)
- [ ] Design
- [ ] Product
- [ ] QA (automation tests are required to pass before merging PRs but not all changes are covered by automation tests - please review if QA is needed beyond automation tests)
- [ ] Security
- [ ] Legal
- [ ] Marketing
- [ ] Management (please specify)
- [ ] Other (please specify)

### References

_No response_

Contributor guide

Open the contributing guide

Research direction

Start by reviewing the two linked Figma designs and locating the mobile home-page top-bar implementation. Confirm the intended network-picker removal and remaining cleanup with design and product before changing code. Acceptance criteria and tests are not provided, so completion should be checked against the approved designs and stakeholder review.

Written by the indexing model from the issue text.

Assessment

Tech stack
react-native, typescript
Domain
design, frontend, mobile
Issue type
Feature
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
25/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.