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

51-create-forgot-password-flow #79

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

Conversation

rachaelch3n
Copy link
Collaborator

@rachaelch3n rachaelch3n commented Feb 24, 2025

What's new in this PR 🧑‍🌾

Description

  • Added reset your password flow where user can access page by clicking "Reset here".
  • User should receive email from supabase with instructions to reset password after inputing email and clicking send.
  • User can only click send if valid email (structure) is in text input box.
  • User will be pushed to email sent page regardless of whether email account is actually registered in supabase.

Screenshots

Screen Shot 2025-03-02 at 3 41 02 PM Screen Shot 2025-03-02 at 3 40 40 PM Screen Shot 2025-03-02 at 3 40 26 PM

How to review

Edited login page, created email-sent and forgot-password page, and lib/icons (for the back arrow icon). Confirm that you only receive an email from supabase if your account is registered.

Next steps

Might include message on email-sent page that states if the user didn't receive an email from supabse, then either the account isn't registered or the user input the email wrong.

Relevant links

Online sources

Related PRs

CC: @ccatherinetan

@rachaelch3n rachaelch3n changed the title [IN PROGRESS] 51-create-forgot-password-flow 51-create-forgot-password-flow Feb 28, 2025
);
};

const isValidEmail = (email: string): boolean => {
Copy link
Collaborator

Choose a reason for hiding this comment

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

isValidEmail can be outside component because not needed for component state / dont need to render each time

@@ -0,0 +1,35 @@
'use client';
Copy link
Collaborator

Choose a reason for hiding this comment

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

yay!! everything honestly looks good! <3

Copy link
Collaborator

@kaleenchen kaleenchen left a comment

Choose a reason for hiding this comment

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

looks good!

@kylezryr
Copy link
Collaborator

kylezryr commented Mar 3, 2025

everything looks great, great job!! just a couple things:

  1. you can replace divs with Flex containers
  2. try to replace in-line styling with creating new styled components of existing components
  3. move isValidEmail to /utils/helpers.ts and import it to use in sign up

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