MetaMask / MetaMask/metamask-mobile

[NAVREDESIGN] Network Switcher Component

Open
#3,232 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**

Create `Network Switcher` component for opening `NetworkSwitcher` screen

### **Technical Details**

- This component is essentially a button
- Consumes data from redux with network information
- Color and icon may be hardcoded and referenced from the app level
- Renders icon, label, and colors based on whatever network is selected

### **Acceptance Criteria**

- TBD

### **References**

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

Contributor guide

Open the contributing guide

Research direction

Start with the NetworkSwitcher screen and the Figma reference, then inspect how Redux exposes the selected network and how nearby navigation buttons are structured. Done means a button component renders the selected network's icon, label, and color and opens NetworkSwitcher; acceptance criteria still need clarification.

Written by the indexing model from the issue text.

Assessment

Tech stack
react-native, redux, typescript
Domain
frontend, mobile
Issue type
Feature
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.