Skip to content

IAV-[563]- feat(auth): Implement modular register component architecture -

yahya.elmokhtari a demandé de fusionner IAV-563 vers develop

Register Component Architecture

- Create modular register page structure reducing complexity
- Implement RegisterForm with Formik validation and Zustand store integration
- Build reusable sub-components: RegisterHeader, RegisterNameFields, RegisterPhoneField, RegisterPasswordFields, RegisterButton, RegisterFooter
- Integrate with existing AuthLayout and GuestGuard for consistent auth flow

Component Features

- Add first name and last name fields with Grid layout for responsive design
- Implement phone number field with international format placeholder
- Create password and confirm password fields with visibility toggles
- Add glassmorphism styling consistent with login components
- Include loading states and error handling with ConditionalComponent pattern

Form Validation & Submission

- Integrate registerValidationSchema for client-side validation
- Handle form submission with createAdmin action from user store
- Redirect to login page on successful registration
- Display server errors with styled Alert component

Code Quality

- Use ConditionalComponent pattern for conditional rendering
- Extract shared field styles for consistency
- Maintain component modularity for better maintainability
- Follow existing auth component patterns and naming conventions

CLOSE-[563]

Rapports de requête de fusion