Add "Select Network" screen after you create/import a new wallet

[colourfreak]

Problem: During user tests in Amsterdam, I found that users don't really know how to enable their favorite networks. They don't even understand that we support multiple networks.

Solution: Add one more screen where they can select multiple networks from the existing base (we make a long list of all 32 supported networks). If they would need a custom one, then they could do this later.

Why?

• first, we let users know we support multiple chains
• the wallet is already customized, so they don't have to go to the Settings tab

Invision Prototype: https://invis.io/RA12NU40P8SW

[colourfreak]

@hboon Can you please let me know what 32 networks we support natively? (those native networks)

• Ethereum Mainnet
• Ethereum Classic
• Klaytn
• Polygon
• Arbitrum
• Gnosis
• POA
• Artis
• BSC
• Heco
• Avalanche
• Fantom
• Optimism
• IoTeX
• Aurora
• PALM

[hboon]

Should be 31. I think we (I?) counted "custom" as 1. They are:

• Ethereum
• Kovan
• Ropsten
• Rinkeby
• POA Network
• Sokol
• Ethereum Classic
• Callisto
• Gnosis
• Goerli
• ARTIS sigma1
• ARTIS tau1
• Binance (BSC)
• Binance (BSC) Testnet
• Heco
• Heco Testnet
• Fantom Opera
• Fantom Testnet
• Avalanche Mainnet C-Chain
• Avalanche FUJI C-Chain
• Polygon Mainnet
• Mumbai Testnet
• Optimistic Ethereum
• Optimistic Kovan
• Cronos Testnet
• Arbitrum One
• Arbitrum Rinkeby
• Palm
• Palm (Testnet)
• Klaytn Cypress
• Klaytn Baobab

[hboon]

For developer:

Bear in mind first part of the flow is covered in #4505

[eviltofu]

For the Select Active Network screen, we must have at least ONE network selected before the user can continue? @hboon

[eviltofu]

What are the default selected networks?

[eviltofu]

There are no test nets in "Select Active Networks"?

[eviltofu]

What is the sort order of the 31 networks?

[hboon]

For the Select Active Network screen, we must have at least ONE network selected before the user can continue? Yes

What is the sort order of the 31 networks? What are the default selected networks? There are no test nets in "Select Active Networks"?

Follow how Settings Active Networks works.

[colourfreak]

@eviltofu I updated the list with alphabetical order, right ChainID, network icons etc.

Zeplin: https://zpl.io/KGw19kq

[colourfreak]

I am going to propose a new way of displaying Testnets.

[colourfreak]

For the Select Active Network screen, we must have at least ONE network selected before the user can continue? @hboon

Yes.

What are the default selected networks?

Yes, Ethereum Mainnet only.

There are no test nets in "Select Active Networks"?

There are, but you don't switch to testnet mode as currently. Basically, you toggle the list on to display Testnets. I will explain tomorrow.

[colourfreak]

What is the sort order of the 31 networks?

It's alphabetical with Ethereum Mainnet as the first one.

[hboon]

Seems like some tweaks. Better to merge the PR as it is since it’s almost done, and then modify the screen.