MetaMask / MetaMask/metamask-mobile

[NAVREDESIGN] Wallet screen

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

Description

### **Description**

Update design of `Wallet` screen.

### **Technical Details**

- Update screen to use new design
- Use new tab bar component
- Use new account + network switcher components
- Good idea to create nav bar component that includes settings icon, fox logo, and QR icon
- Create `Wallet List` component that holds `Token`, `NFT`, and `Activity` list
- Whole page needs to reflect account + network switches

### **Acceptance Criteria**

- TBD

### **References**

- Figma - https://www.figma.com/file/qcwJHEEw5qyNru5mbFf6Oq/Nav-Redesign-Breakdown?node-id=101%3A67

Contributor guide

Open the contributing guide

Research direction

Start with the Wallet screen and the linked Figma navigation redesign. Review how the tab bar, account and network switchers, navigation bar, and Wallet List are represented in the current mobile app. Done should match the new design and reflect account and network changes throughout the page, but acceptance criteria still need to be defined.

Written by the indexing model from the issue text.

Assessment

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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.