MetaMask / MetaMask/metamask-extension

Default popular networks display enhancements

Open
#17,279 1 comment 0 reactions 0 assignees View on GitHub
area-customNetworks area-settings external-contributor INVALID-ISSUE-TEMPLATE product-backlog ux-enhancement ux-papercuts
Dominant language
TypeScript
Stars
13.2k
Forks
5.6k
Avg merge
2d 5h
Merged PRs (30d)
451

Description

## Background
Both users and networks are getting confused because the network they want to add has already been added. We should make UI enhancements to show which networks have been added, and which ones are available to add.

## User Story
Within Settings > Networks, show all popular networks, and with the added networks grey them out with an "Added" label. With the available networks to add, provide the ability to add by applying an "Add" label next to the network name.

Further, we could show all available networks with two CTAs (Add / Switch) where Add is greyed out if the network is already added.

Nice to have: Instead of `Networks > Add a network` change to `Networks > Manage networks` where we group and segregate by curated networks (whitelisted by MM) and user-added networks in terms of order.

## References
- [Adding popular network acceptance criteria](https://consensys.slack.com/archives/G01PKA4QC3C/p1673485741157679)
- [Suggestions for managing popular networks list](https://consensys.slack.com/archives/CBHSSFEN5/p1673623530360219)

Contributor guide

Open the contributing guide

Research direction

Start from the Settings > Networks UI and review the linked acceptance criteria and network-management suggestions. Define the network states and available Add/Switch actions, then verify that popular networks are shown, added networks are greyed out with an “Added” label, and available networks have an “Add” action.

Written by the indexing model from the issue text.

Assessment

Tech stack
typescript
Domain
blockchain, frontend
Issue type
Feature
Difficulty
4/5
Estimated time
3-5 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.