Skip to content

Conversation

@aKhalid1476
Copy link
Contributor

Purpose

Closes #619.

New Changes

  • Revamped the login page that already existed by adding (imo) better design
  • Created a sign up page for standard users and operators. Operators have more info to fill in (i.e. educational institution, ID, address, etc.)
  • Attached a figma design for the 2FA page that users would be redirected to once
image

Testing

I was indicated by a PM that all I needed for this specific issue was the explanation of changes and screenshot of the figma design. Since the frontend was already not connected to the backend, and i am only implementing the figma design of 2FA authentication, thus there isn't really any major things to test for here.

@github-actions
Copy link

Pull reviewers stats

Stats of the last 120 days for UWOrbital:

User Total reviews Time to review Total comments
Adityya-K
🥇
37
▀▀▀▀
3d 35m
107
▀▀▀
camspec
🥈
34
▀▀▀
3d 3h 23m
191
▀▀▀▀▀
proprogrammer504
🥉
13
7d 1h 30m
▀▀
44
Syzygicality
8
8h 20m
17
kepler452b123
5
1d 11h 18m
2
joannalauu
3
4d 21h 20m
19
c4bae
1
13d 1h 35m
▀▀▀▀
2
panthpatel2016
1
4h 30m
6

⚡️ Pull request stats

Copy link
Member

@camspec camspec left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Overall, the page looks great! I'm a big fan of the design but there are a few small issues with the CSS. Since the page is missing functionality for now, I'm not worried about implementation details yet. Really well done with the formatting and semantic labelling.

</div>

{/* Submit Button */}
<button
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

In general, all your buttons are missing cursor properties


return (
<div className="flex flex-col items-center h-screen overflow-y-auto px-4 py-8">
<div className="w-full max-w-2xl bg-gray-900/50 backdrop-blur-sm rounded-lg p-8 border border-gray-700/50 my-auto">
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This div has overflow issues at both the bottom and top when the Account Type is set to Operator, since the form is much longer. Consider adding margin or overflow

Copy link
Member

@camspec camspec left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Looks great, just one small change

@@ -9,7 +9,7 @@
border-color: var(--border);
}
body {
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The signup and login components should be centered vertically on the page and locked in place unless the form is long enough to overflow. Right now if the screen is large enough to display the whole form, it's still partially scrollable and isn't centered on the page

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

MCC Frontend Login Pages

2 participants