Add password reset functionality with form components, pages, and tests
- Implemented `PasswordResetRequestForm` and `PasswordResetConfirmForm` components with email and password validation, strength indicators, and error handling. - Added dedicated pages for requesting and confirming password resets, integrated with React Query hooks and Next.js API routes. - Included tests for validation rules, UI states, and token handling to ensure proper functionality and coverage. - Updated ESLint and configuration files for new components and pages. - Enhanced `IMPLEMENTATION_PLAN.md` with updated task details and documentation for password reset workflows.
This commit is contained in:
25
frontend/src/app/(auth)/password-reset/page.tsx
Normal file
25
frontend/src/app/(auth)/password-reset/page.tsx
Normal file
@@ -0,0 +1,25 @@
|
||||
/**
|
||||
* Password Reset Request Page
|
||||
* Users enter their email to receive reset instructions
|
||||
*/
|
||||
|
||||
'use client';
|
||||
|
||||
import { PasswordResetRequestForm } from '@/components/auth/PasswordResetRequestForm';
|
||||
|
||||
export default function PasswordResetPage() {
|
||||
return (
|
||||
<div className="space-y-6">
|
||||
<div className="text-center">
|
||||
<h2 className="text-3xl font-bold tracking-tight">
|
||||
Reset your password
|
||||
</h2>
|
||||
<p className="mt-2 text-sm text-muted-foreground">
|
||||
We'll send you an email with instructions to reset your password
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<PasswordResetRequestForm showLoginLink />
|
||||
</div>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user