custom guides / warnings for specific users

[seichris]

Right now, a user who opens radi.cards in a normal browser, does not get any guidance in installing metamask (on desktop) or imToken (on mobile).

First we need screens for

1. user opens radi.cards in web2 browser on mobile

2. user opens radi.cards in web2 browser on desktop

3. sender on mobile is on wrong network. (hopefully not a big problem with CNY, because everyone uses imtoken)

4. receiver opens link in web2 browser on mobile

5. receiver opens link in web2 browser on desktop

6. receiver is on wrong network

7. receiver got metamask locked

8. successfull claim landing page

Screens in our figma https://www.figma.com/file/fYUJNZKCwLxGFIfC7VNa3GW1/CryptoNewYear?node-id=300%3A25

Related problems:

• Include portis again, with custom flow
• Opening claim link without web3 -> blank page [needs testing] opening claim link without web3 -> blank page #55
• Fix receiver screen in wechat browser Fix receiver screen in wechat browser #46

[seichris]

@Lililashka am I right that you want to integrate Portis for situation 1) and 2)?