Postpone Metamask integration

[Kisgus]

This is a ✨ Cryptoxmas.xyz bounty✨

Every bounty DAI paid out will be matched as a donation to this Venezuelan Giveth Campaign

Userstory

As a user I want to be able to view Christmas Cards before being asked to login via metamask,
so that I can see the selection of images from a normal web2 browser.

Remove need to login to browse tokens

Requires

• web3.js -> ethers.js migration as in [UX] Migrate from web3.js to ethers.js #31

UI

Will be proposed by @seichris & @artyomignatyev

[seichris]

Whats the difference to #31 ?

[Dobrokhvalov]

They have different scopes. This one postpones connection to Metamask, #31 is for changing js libraries.
#31 is purely technical, doesn't have updates to the UI.
Having #31 implemented, we can start working on this one.

[seichris]

So, in the UI there is 3 states, we have to "postpone" then.

How it could look

This includes three states:

• Loading, because not signed
• No Metamask installed
• Wrong network

All three are postponed to "buy & send" screen.

@artyomignatyev what do you think? Do you think there should be a popup, or should this be fullscreen?

[Kisgus]

I think we also really need a better "network is not supported" network screen, anyhow knows a dapp thats follows best practice here?

[danfinlay]

FYI, you don't need to ask a user to open MetaMask to log in anymore, thanks to the new method ethereum.enable():
https://medium.com/metamask/eip-1102-preparing-your-dapp-5027b2c9ed76

[seichris]

Thanks for the reminder @danfinlay . We are using ethereum.enable() already and hope we can update the UX on this flow in this issue, so web2 users actually can surf our NFTs.

@artyomignatyev i updated the figma screenshots above. Feedback welcome ;)