Revise the UX of Login/Sign in DApp

[MoeNick]

As Giveth user, I want to have a smooth UX for connecting the wallet, changing the wallet and signing with my wallet, it helps me to engage and do the donation or project management faster and more efficiently.

• Preferably removing the splash page and automatically show up select wallet modal the above item needs tp review the Torus wallet situation (connect it with web3 modal)

• Showing the signed-in or signed out status clearly on DApp, preferably on the top menu with colors. Actually, there are 3 statuses there:

  1. DAPP does not know who you are (wallet not connected or locked)
  2. DAPP knows who you are (wallet connected and unlocked) / BUT you are not signed in
  3. DApp knows who you are (wallet connected and unlocked) / BUT you are signed in Right now for the first statues we show sign-in button up there, but for 2 other statuses user don't have a clue what Im being ask to sign? wasn't I signed in before?

• Mandatory sign-in after user unlocks a wallet or connect a wallet. it means preferable a modal ask user to sign, if the user rejected in DApp or in wallet, we show a signed-out status there. it can be a 2 step modal for selecting a wallet and sign.

[mosaeedi]

Sign in flow in Figma -> Link to Figma

Review the flow

[mosaeedi]

Please fix the web3modal to align it with Giveth branding.

We should use the light mode theme and the Primary color should be Magenta.

[mosaeedi]

@divine-comedian Can we find a dev to fix this issue? I believe it's not too complicated; we need to change the web3 modal from dark mode to light mode to align it with the Giveth, which is light mode!

[divine-comedian]

@mosaeedi - In this flow is there a reason we don't ask the user right away to sign a message to complete their sign in?

If I click sign in and do some things like connecting my wallet but I'm not actually signed in at the end of the process then perhaps that is a bit confusing for users.

I made a fork and proposed a slight variation: https://www.figma.com/file/vMiyVd1Ly5LjgSyZrChVV8/Giveth-users?type=design&node-id=1332%3A3053&mode=design&t=hUaV9dQcKzYQmdXr-1

[divine-comedian]

Need to update the link here since we have to consider the changes incoming from Solana

Is this issue still relevant or is it captured somewhere else? @mosaeedi @MoeNick

We should update this issue - three angles that are all related

1. Switching between EVM & Solana
2. Unifying Wallets between EVM & Solana
3. Signing in users automatically to get their jwt token when they connect a wallet
4. bringing back the splash page??

Figma link @mosaeedi says its kind of related

https://www.figma.com/file/C3HykACu0eNImhAqu0our8/Giveth-projects?type=design&node-id=5096-28961&mode=design&t=iYhuH3AeplOVxxND-4

[MoeNick]

@mosaeedi a reminder too meet about this on Sun 4th Feb

[jainkrati]

@MoeNick is this ready to be picked up for Development? If yes pls link designs.

[jainkrati]

assigning to @MoeNick to attach figma links

[jainkrati]

any update here @MoeNick

[MoeNick]

I changed the priority of this issue But this is the flow, https://www.youtube.com/watch?v=B8DuiUvPmDQ I will paste the Figma as soon as I have a reply from @mosaeedi