[Design] Button to add all social money on exchange to Metamask

[sidko]

Design issue for #45.

[rachel-tryroll]

2 Entry points 1 Learn More Modal 3 Screen States

1. Entry point 1 - When connecting a MetaMask Wallet
2. Entry point 2 - Once the wallet is already connected "Configure" wallet
3. Learn More Modal Screen
4. Screen State 1 - Default State
5. Screen State 2 - Select All
6. Screen State 3 - Select Some with Hover State

Screen Wires

@sidko @brevityy these are ready for review

[brevityy]

@rachel-tryroll this looks solid and makes sense, no notes from me. Good work.

I'd probably like a way to get from the Learn More modal back to Entry Point 1.

[sidko]

@rachel-tryroll this looks great! Just a few thoughts though -

• I don't like using the word 'configure'. MetaMask hosts extremely sensitive information for a user. I would be very wary of a random website suggesting to "configure MetaMask" for me. May be we can default to 'add social money' as the CTA.
• I am not too sure of the info modal here. These are pretty sophisticated users, and it seems like the product design pretty much speaks for itself on what needs to be done on that screen. If there's anything that isn't being conveyed by the product, can we try to include it in the main modal itself? It would also be a more intuitive workflow for the end users in my view.