Safe-react: In-app network switching v1

[lukasschor]

What is this feature about? (1 sentence)

This feature will allow to switch to different versions of the Gnosis Safe web interface from the interface itself.

Why is it needed? What is the value? For whom do we build it?

• Trello activity

• Trello problem statement

• We currently support the following production environments:

  • https://gnosis-safe.io/app
  • https://rinkeby.gnosis-safe.io/app
  • https://xdai.gnosis-safe.io/app
  • https://volta.gnosis-safe.io/app
  • https://ewc.gnosis-safe.io/app
  • https://polygon.gnosis-safe.io/app (soon)
  • https://bsc.gnosis-safe.io/app (soon)
  • https://arbitrum.gnosis-safe.io/app (soon)
• The different environments are hard to find. We link mainnet and Rinkeby from our landing page, but not the other ones.
• We get regular requests via Intercom, where they can find a testnet version.
• Of course, long term we should add link on the landing page (gnosis-safe.io/), but users seems to expect it on the dapp itself.

High-level overview of the feature

• This is a first simple version before the "proper" super of multiple networks in the UI.
• Switching networks should switch between the different Safe subdomains.
• Switching networks should be possible no matter if a wallet is connected or not.
• The order should be:

1. Mainnet
2. xDai
3. Polygon
4. BSC
5. Arbitrum
6. EWC
7. Rinkeby
8. Volta

Proposal / idea

• Clicking on the network label opens a dropdown where another network can be chosen.
  

[fernandomg]

What is the expected behavior behind this requirement?

• Shall we switch subdomains when switching networks? (from gnosis-safe.io to rinkeby.gnosis-safe.io)
• Can we programmatically switch the wallets RPCs?

[lukasschor]

Yes, a first implementation could just switch subdomains.

[tschubotz]

@posthnikova this is another upcoming feature on web that requires (probably rather simple) design :)

[nicosampler]

Can we programmatically switch the wallets RPCs?

I would not do this as a first approach. I would do a hard redirect instead (page reload)

[posthnikova]

I think it makes sense to remove network info from the wallet dropdown because it indicates the network of the interface and not the wallet. There will be two dropdowns. Network switches when you tap on the list item in the dropdown.