Skip to content

feat: add password reset process pages#59

Open
Maaayhan wants to merge 1 commit intodevfrom
feat/CP-28-add-reset-password-page
Open

feat: add password reset process pages#59
Maaayhan wants to merge 1 commit intodevfrom
feat/CP-28-add-reset-password-page

Conversation

@Maaayhan
Copy link

@Maaayhan Maaayhan commented Aug 16, 2024

Added (static) password reset process pages

Description

  • implemented "Forgot Password" and "Reset Password" forms
  • created Success Reset page to confirm successful password reset
  • added appropriate user guidance messages throughout the reset process
  • added related unit tests for the new pages and components

Work Flow

  • For testing purposes, please switch the backend to the branch ‘feat/CP28-reset-user-password’ in platform_api repo.

  • When the user clicks the "Forgot password" text on the login page, they are directed to the Reset Password Initiation Page, which will prompt them to enter their registered email address.
    image

  • After submission, the system will display the message "If the email is associated with an account, a reset email will be sent shortly. Please check your mailbox," guiding the user to check their email for the reset link. If an error occurs during the request, the message "An error occurred while processing your request. Please try again later." will be shown.
    image

  • Clicking the link in the email will navigate the user to the Reset Password Page, where they can enter a new password.
    For testing purposes, please use the GraphQL playground at http://localhost:3000/graphql with the following query to get 'resetPasswordToken':

query GetUsers {
  getUsers {
    id
    email
    resetPasswordToken
  }
}

And then manually visit http://localhost:5173/reset-password?token={resetPasswordToken}.
image

  • After submitting the new password, if there are errors or other issues, the message will be displayed to inform the user.
    image

  • If the reset is successful, the user will be navigated to the reset success page. On this page, the user can directly click the "Back to Login" button to log in on the Login Page.
    image

  • During the process, users can always click the "Login" text at the bottom to return to the login page.
    image

UI

  • Dark theme

image
image
image

  • Light theme
    6191723826846_ pic
    6201723826943_ pic
    6211723827024_ pic

Unit test

image

Resolves CP-28

@Maaayhan Maaayhan requested a review from Chris-Wang August 16, 2024 18:19
Added (static) password reset process pages:
- implemented "Forgot Password" and "Reset Password" forms
- created Success Reset page to confirm successful password reset
- added appropriate user guidance messages throughout the reset process
- added related unit tests for the new pages and components

Resolves CP-28
@Maaayhan Maaayhan force-pushed the feat/CP-28-add-reset-password-page branch from 8b69328 to 95ed783 Compare August 22, 2024 17:59
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.

1 participant