mirror of
https://github.com/supabase/supabase.git
synced 2026-10-11 20:35:07 +03:00
Etienne StalmansandJoshen Lim
3ab3e999d3
## I have read the [CONTRIBUTING.md](https://github.com/supabase/supabase/blob/master/CONTRIBUTING.md) file. YES ## What kind of change does this PR introduce? feature ## What is the current behavior? Change password only requires the new password ## What is the new behavior? The current password is required and must be valid before the password can be changed. Also hides a revealed password if the user clicks out of the input field. ## Additional context Needs the backend flag to be changed, but is safe to merge _before_ backend change is made. Is unsafe to merge _after_ backend flag is changed (there will be a gap where users can't reset password through the dashboard). before: <img width="486" height="364" alt="Screenshot 2026-02-23 at 09 58 04" src="https://github.com/user-attachments/assets/7d9fcbc0-5ce9-4190-8bee-a325f3d4452e" /> after: <img width="520" height="471" alt="Screenshot 2026-02-23 at 09 58 56" src="https://github.com/user-attachments/assets/166e7537-5db8-47b7-a39f-ad55521715f5" /> before: <img width="532" height="486" alt="Screenshot 2026-02-23 at 09 59 53" src="https://github.com/user-attachments/assets/7445f61d-d354-4f3d-a084-fdf0b7b1ccca" /> after: <img width="524" height="599" alt="Screenshot 2026-02-23 at 10 00 10" src="https://github.com/user-attachments/assets/573e9620-b663-4bad-8a7a-d315cc521495" /> --------- Co-authored-by: Joshen Lim <joshenlimek@gmail.com>
24 lines
691 B
TypeScript
24 lines
691 B
TypeScript
import { ResetPasswordForm } from 'components/interfaces/SignIn/ResetPasswordForm'
|
|
import ForgotPasswordLayout from 'components/layouts/SignInLayout/ForgotPasswordLayout'
|
|
import { withAuth } from 'hooks/misc/withAuth'
|
|
import type { NextPageWithLayout } from 'types'
|
|
|
|
const ResetPasswordPage: NextPageWithLayout = () => {
|
|
return (
|
|
<div className="flex flex-col gap-4">
|
|
<ResetPasswordForm />
|
|
</div>
|
|
)
|
|
}
|
|
|
|
ResetPasswordPage.getLayout = (page) => (
|
|
<ForgotPasswordLayout
|
|
heading="Change your password"
|
|
subheading="Welcome back! Choose a new strong password and save it to proceed"
|
|
>
|
|
{page}
|
|
</ForgotPasswordLayout>
|
|
)
|
|
|
|
export default withAuth(ResetPasswordPage)
|