Skip to content

add social logins #30

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

Merged
merged 5 commits into from
Mar 14, 2024
Merged

add social logins #30

merged 5 commits into from
Mar 14, 2024

Conversation

milner-chen
Copy link
Contributor

Changes:

  1. created NextAuthLogins component
  2. added component to login page

The styling for this component is meant to work with the styling that includes the 14-login-page-login-separator.

milner-chen and others added 5 commits March 5, 2024 23:26
A breaking change was added in PR #32 addressing issue #27 (verbose login page file).
#npm run build
#npm run start
Both work.

export default function LoginForm({ handleSubmit }) {
return (
<div className="mx-5 mt-5 flex flex-col">
Copy link
Collaborator

Choose a reason for hiding this comment

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

This missing from original form component. Added.

.
</div>
</form>;
);
Copy link
Collaborator

Choose a reason for hiding this comment

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

The rest of this green is simply "Prettier" running. Nothing crazy.

@@ -34,11 +36,10 @@ export default function LoginPage() {

return (
<main className="flex">
<section className="flex flex-col py-12 px-16">
Copy link
Collaborator

Choose a reason for hiding this comment

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

The flex-col is stacking all of the elements. Not the intended behavior.

<div className="mt-5 mx-5"></div>
<LoginForm />
<section className="flex flex-row px-16 py-12">
<LoginForm handleSubmit={handleSubmit} />
Copy link
Collaborator

Choose a reason for hiding this comment

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

This is part of fixing the breaking change.

@@ -25,7 +25,8 @@ npm-debug.log*
yarn-debug.log*
yarn-error.log*

# local env files
# env files
.env
Copy link
Collaborator

Choose a reason for hiding this comment

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

Just getting the .env file out of the repo. Doesn't have any actual security credentials—so, just a proactive step to prevent security leak. ;)

Copy link
Collaborator

@Connor-Skudlarek Connor-Skudlarek left a comment

Choose a reason for hiding this comment

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

Stable build. No issues with running npm run build and npm run start. Website functioning as expected.

@Connor-Skudlarek Connor-Skudlarek merged commit 5919431 into main Mar 14, 2024
@Connor-Skudlarek Connor-Skudlarek deleted the 15-login-page-nextauth-logins branch March 14, 2024 02:26
@Connor-Skudlarek Connor-Skudlarek linked an issue Mar 14, 2024 that may be closed by this pull request
3 tasks
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.

Login Page: NextAuth logins for Facebook, Twitter, and Google
2 participants