Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

upload branch for auth #73

Open
wants to merge 4 commits into
base: main
Choose a base branch
from
Open

upload branch for auth #73

wants to merge 4 commits into from

Conversation

Kevinxygu
Copy link
Contributor

hi! steps for this:

  1. npm i inside of the client repo
  2. Auth0 account has been made, and login is provided in Discord + will be added to Google Password Manager soon
  3. Valid logins are also provided in Discord + added to Google Password Manager
  4. Add .env file in client repo, with values provided in Discord (can also be found in Auth0 account). Refer to .env.example to see what values are needed

Copy link
Contributor

@Jaden51 Jaden51 left a comment

Choose a reason for hiding this comment

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

Great work Kevin and thank you! Could you attach images of the login screen on the PR as well 😄

@@ -20,10 +22,11 @@ const Login: React.FC = () => {
});
}

function handleLogin(e: FormEvent<Element>): void {
async function handleLogin(e: FormEvent<Element>): Promise<void> {
Copy link
Contributor

Choose a reason for hiding this comment

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

Can we turn this into a functional component just to match the rest of the repo 😄 ?

Comment on lines +18 to +19
domain={process.env.NEXT_PUBLIC_DOMAIN || ""}
clientId={process.env.NEXT_PUBLIC_CLIENTID || ""}
Copy link
Contributor

Choose a reason for hiding this comment

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

Do these variables come from your .env file or are they just nextjs environment variables that we can just use? If its the former, why is it different from .env.example?

I'm mostly curious cause when I'm working on CI/CD right now so its important I know all the env variables that we use.

) : (
<AuthStatus />
{isAuthenticated ? (
<div className="grid h-full grid-cols-9 gap-1">
Copy link
Contributor

@joshhwuu joshhwuu Dec 12, 2024

Choose a reason for hiding this comment

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

Getting to the point where this file is a bit bloated... we should consider factoring out the lounge home page as a component and the not logged in page as its own page (in case we ever decide to add more features to that page) and move them to separate files. This probably should've been done earlier but I think the more minimal page.tsx is the better

I'll create a follow-up issue for this

@joshhwuu joshhwuu mentioned this pull request Dec 12, 2024
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.

3 participants