WalletConnect is a protocol allowing securely connecting wallets to applications via a relay with no "physical" connection between the wallet and the browser. We want to support it in both of our applications - Atlas and Pioneer.
Here you can see how that flow works with Uniswap which is Ethereum based service. The user flow would be the same in our case.
When the QR code appears, I scan it with a wallet app on my mobile phone and approve and then the connection is done. Here's a still of the WalletConnect modal. You can see that in the upper-right corner it also has a button that allows you to copy a code so you don't have to use a camera and instead just paste into your wallet.
This is how wallet connection modal currently looks in Pioneer:
This will also be a good time to adjust Pioneer designs for connecting and creating memberships on mobile. Currently we only allow that on desktop.
So the specific goals for this tasks are:
Add WalletConnect option to both apps wallet selection
Design WalletConnect QR modal for both apps. It needs to have:
2.1. QR code for scanning with your camera
2.2. Button for copying a connection code instead of using the camera
Add mobile version of Pioneer wallet selection modal
Part of #5010
WalletConnect is a protocol allowing securely connecting wallets to applications via a relay with no "physical" connection between the wallet and the browser. We want to support it in both of our applications - Atlas and Pioneer.
Here you can see how that flow works with Uniswap which is Ethereum based service. The user flow would be the same in our case.
https://github.com/Joystream/joystream/assets/12646744/ddd20ffa-49f5-4976-ab75-44c0d7f1b29a
When the QR code appears, I scan it with a wallet app on my mobile phone and approve and then the connection is done. Here's a still of the WalletConnect modal. You can see that in the upper-right corner it also has a button that allows you to copy a code so you don't have to use a camera and instead just paste into your wallet.
This is how wallet connection modal currently looks in Pioneer:
And in Atlas:
And their relevant Figma designs:
This will also be a good time to adjust Pioneer designs for connecting and creating memberships on mobile. Currently we only allow that on desktop.
So the specific goals for this tasks are: