Connect buttons silently fail if your wallet is on an unsupported network.

[auryn-macmillan]

When you hit "Connect Wallet" and then select "Metamask" if metamask is connected to an unsupported network. We should include a prompt to switch to a supported network, including a list of the supported networks.

[asgeir-s]

Thank you, @auryn-macmillan 🙏

Expanding a bit on this:

When a user connects a wallet from the Tabula landing page:

• [x] If the user's wallet is connected to a supported network, we use that.
• [x] If the user's wallet is connected to an unsupported network, we list the supported networks and ask the user to click or select one of those. Once the user has selected, we ask the wallet to change the network. change network (@cedricwaxwing: we need a design for this one).

When a user connects a wallet from an article or a publication page (requires: #62):

• [x] If the user's wallet is connected to the same network as where the publication lives, we use that.
• [x] If the user's wallet is connected to a different network, we ask the wallet user to change the network to the one where the publication resides.

Sample implementations, see: https://github.com/NoahZinsmeister/web3-react/blob/main/packages/example-next/components/ConnectWithSelect.tsx

Also:

• [x] Once the network is changed, we need to change the network-specific subgraph URL.

[cedricwaxwing]

Adding one more here since it's semi-related. If you click connect wallet and then select Metamask, but don't have Metamask extension on your browser, it fails silently as well.

• [ ] If the user attempts to connect to Metamask without the extension installed, display a message saying "You'll need to install MetaMask to continue. Once you have it installed, go ahead and refresh the page."

[auryn-macmillan]

If the user attempts to connect to Metamask without the extension installed, display a message saying "You'll need to install MetaMask to continue. Once you have it installed, go ahead and refresh the page."

@cedricwaxwing, perhaps it would be better to just hide metamask as an option if no injected web3 is detected?

[cedricwaxwing]

@auryn-macmillan maybe not better, but definitely quicker to implement and good enough for now. 👍