website refactor
This commit is contained in:
@@ -27,7 +27,7 @@ import { ForgotPasswordViewData } from '@/lib/builders/view-data/types/ForgotPas
|
||||
interface ForgotPasswordTemplateProps {
|
||||
viewData: ForgotPasswordViewData;
|
||||
formActions: {
|
||||
setFormData: React.Dispatch<React.SetStateAction<{ email: string }>>;
|
||||
handleChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
|
||||
handleSubmit: (e: React.FormEvent<HTMLFormElement>) => Promise<void>;
|
||||
setShowSuccess: (show: boolean) => void;
|
||||
};
|
||||
@@ -77,7 +77,7 @@ export function ForgotPasswordTemplate({ viewData, formActions, mutationState }:
|
||||
id="email"
|
||||
type="email"
|
||||
value={viewData.formState.fields.email.value}
|
||||
onChange={(e) => formActions.setFormData({ email: e.target.value })}
|
||||
onChange={formActions.handleChange}
|
||||
error={!!viewData.formState.fields.email.error}
|
||||
errorMessage={viewData.formState.fields.email.error}
|
||||
placeholder="you@example.com"
|
||||
|
||||
@@ -28,7 +28,7 @@ import { ResetPasswordViewData } from '@/lib/builders/view-data/types/ResetPassw
|
||||
|
||||
interface ResetPasswordTemplateProps extends ResetPasswordViewData {
|
||||
formActions: {
|
||||
setFormData: React.Dispatch<React.SetStateAction<{ newPassword: string; confirmPassword: string }>>;
|
||||
handleChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
|
||||
handleSubmit: (e: React.FormEvent<HTMLFormElement>) => Promise<void>;
|
||||
setShowSuccess: (show: boolean) => void;
|
||||
setShowPassword: (show: boolean) => void;
|
||||
@@ -87,7 +87,7 @@ export function ResetPasswordTemplate(props: ResetPasswordTemplateProps) {
|
||||
name="newPassword"
|
||||
type={uiState.showPassword ? 'text' : 'password'}
|
||||
value={viewData.formState.fields.newPassword.value}
|
||||
onChange={(e) => formActions.setFormData(prev => ({ ...prev, newPassword: e.target.value }))}
|
||||
onChange={formActions.handleChange}
|
||||
error={!!viewData.formState.fields.newPassword.error}
|
||||
errorMessage={viewData.formState.fields.newPassword.error}
|
||||
placeholder="••••••••"
|
||||
@@ -117,7 +117,7 @@ export function ResetPasswordTemplate(props: ResetPasswordTemplateProps) {
|
||||
name="confirmPassword"
|
||||
type={uiState.showConfirmPassword ? 'text' : 'password'}
|
||||
value={viewData.formState.fields.confirmPassword.value}
|
||||
onChange={(e) => formActions.setFormData(prev => ({ ...prev, confirmPassword: e.target.value }))}
|
||||
onChange={formActions.handleChange}
|
||||
error={!!viewData.formState.fields.confirmPassword.error}
|
||||
errorMessage={viewData.formState.fields.confirmPassword.error}
|
||||
placeholder="••••••••"
|
||||
|
||||
@@ -37,7 +37,7 @@ import { checkPasswordStrength } from '@/lib/utils/validation';
|
||||
interface SignupTemplateProps {
|
||||
viewData: SignupViewData;
|
||||
formActions: {
|
||||
setFormData: React.Dispatch<React.SetStateAction<{ firstName: string; lastName: string; email: string; password: string; confirmPassword: string }>>;
|
||||
handleChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
|
||||
handleSubmit: (e: React.FormEvent<HTMLFormElement>) => Promise<void>;
|
||||
setShowPassword: (show: boolean) => void;
|
||||
setShowConfirmPassword: (show: boolean) => void;
|
||||
@@ -213,7 +213,7 @@ export function SignupTemplate({ viewData, formActions, uiState, mutationState }
|
||||
name="firstName"
|
||||
type="text"
|
||||
value={viewData.formState.fields.firstName.value}
|
||||
onChange={(e) => formActions.setFormData(prev => ({ ...prev, firstName: e.target.value }))}
|
||||
onChange={formActions.handleChange}
|
||||
error={!!viewData.formState.fields.firstName.error}
|
||||
errorMessage={viewData.formState.fields.firstName.error}
|
||||
placeholder="John"
|
||||
@@ -236,7 +236,7 @@ export function SignupTemplate({ viewData, formActions, uiState, mutationState }
|
||||
name="lastName"
|
||||
type="text"
|
||||
value={viewData.formState.fields.lastName.value}
|
||||
onChange={(e) => formActions.setFormData(prev => ({ ...prev, lastName: e.target.value }))}
|
||||
onChange={formActions.handleChange}
|
||||
error={!!viewData.formState.fields.lastName.error}
|
||||
errorMessage={viewData.formState.fields.lastName.error}
|
||||
placeholder="Smith"
|
||||
@@ -268,7 +268,7 @@ export function SignupTemplate({ viewData, formActions, uiState, mutationState }
|
||||
name="email"
|
||||
type="email"
|
||||
value={viewData.formState.fields.email.value}
|
||||
onChange={(e) => formActions.setFormData(prev => ({ ...prev, email: e.target.value }))}
|
||||
onChange={formActions.handleChange}
|
||||
error={!!viewData.formState.fields.email.error}
|
||||
errorMessage={viewData.formState.fields.email.error}
|
||||
placeholder="you@example.com"
|
||||
@@ -291,7 +291,7 @@ export function SignupTemplate({ viewData, formActions, uiState, mutationState }
|
||||
name="password"
|
||||
type={uiState.showPassword ? 'text' : 'password'}
|
||||
value={viewData.formState.fields.password.value}
|
||||
onChange={(e) => formActions.setFormData(prev => ({ ...prev, password: e.target.value }))}
|
||||
onChange={formActions.handleChange}
|
||||
error={!!viewData.formState.fields.password.error}
|
||||
errorMessage={viewData.formState.fields.password.error}
|
||||
placeholder="••••••••"
|
||||
@@ -359,7 +359,7 @@ export function SignupTemplate({ viewData, formActions, uiState, mutationState }
|
||||
name="confirmPassword"
|
||||
type={uiState.showConfirmPassword ? 'text' : 'password'}
|
||||
value={viewData.formState.fields.confirmPassword.value}
|
||||
onChange={(e) => formActions.setFormData(prev => ({ ...prev, confirmPassword: e.target.value }))}
|
||||
onChange={formActions.handleChange}
|
||||
error={!!viewData.formState.fields.confirmPassword.error}
|
||||
errorMessage={viewData.formState.fields.confirmPassword.error}
|
||||
placeholder="••••••••"
|
||||
|
||||
Reference in New Issue
Block a user