Login & Signup Revision CSS and Submission

[jonsnowpt]

• The email text form seems to have a lighter color on the Figma version;
• Submitting a non-email address, the signup keeps processing in a loop, and needs verification for non-compliant addresses;
• The font size "Continue with email" is not correct;
• ⏸️ pending Missing hover behaviours, already requested by the design team;
• No verification is being done for existing emails;
• The alert that a message has been sent has a generic email address and not the one added;
• "Got to my inbox" and "Resend email" is missing a mouse pointer;
• After adding an already existing email and resending the activation link, when trying to access the signing again, we get a white box;
• Selecting outside the login form it should close the popup;
• MetaMask font size is incorrect;
• ℹ️ explained Selecting MetaMask does nothing if no wallet extension is available;

[jonsnowpt]

New issues:

• Verification if the form is empty, at this time, it gets on loop;
• Add a fade in effect when the popup appears;

[jonsnowpt]

New revisions:

• Remove the Profile option, which is not available at this time.
• Clicking outside the dropdown is not closing it, and it should;
• ⏸️ pause 🎨 awaiting design Unable to log in using the same email, it gives a message that the email already exists;
• If we use the signup form, it allows us to log in, and after we get logged in, it gives a message "Success Signup" when we are, in fact logging in;
• ✅ answered (1) Is it possible to avoid the MetaMask option to activate the Coinbase Wallet transition, limiting this option only to MetaMask?
• ✅ answered (2) Discord signup does not indicate the provider in the Authentication user list;
• On Mobile, to be similar to the design, we probably need to use percentages to fill the screen in a similar way we have on Figma;
• Every time we select Sign in, the form should reset; at this time is keeping the previous selections;
• The width is not correct on the Tablet design; it has 328px and should be 340px;
• The processing phase should also have a blur besides being darker;

---

(1) Yes, all best possible implementation checks for preventing the Coinbase Wallet triggering and checking if user has MetaMask installed have been added.
source
source-2

(2) Can be validated by user UID on Firebase Authentication at the present time - not possible otherwise with icon based image in Provider column

---

[jonsnowpt]

@migbash

New review:

• After following the email link to sign in, the signup message continues to be displayed at the bottom
• Clicking outside the dropdown is not closing it; continues to happen in Safari;
• Mobile width should be 92%;
• On Firefox, the insert field does not have the correct size;
• MetaMask message is alerting to Localhost connection and should be Betarena;
• MetaMask login just work on the second try;