website refactor

apps/website/app/auth/reset-password/ResetPasswordClient.tsx

@@ -38,7 +38,7 @@ export function ResetPasswordClient({ viewData }: ResetPasswordClientProps) {
         ...prev.formState,
         fields: {
           ...prev.formState.fields,
-          [name]: {
+          [name as keyof typeof prev.formState.fields]: {
             ...prev.formState.fields[name as keyof typeof prev.formState.fields],
             value,
             touched: true,
@@ -71,7 +71,7 @@ export function ResetPasswordClient({ viewData }: ResetPasswordClientProps) {
             ...validationErrors.reduce((acc, error) => ({
               ...acc,
               [error.field]: {
-                ...prev.formState.fields[error.field],
+                ...prev.formState.fields[error.field as keyof typeof prev.formState.fields],
                 error: error.message,
                 touched: true,
               },
@@ -147,15 +147,7 @@ export function ResetPasswordClient({ viewData }: ResetPasswordClientProps) {
 
   return (
     <ResetPasswordTemplate
-      // Spread the viewData properties
-      token={templateViewData.token}
-      returnTo={templateViewData.returnTo}
-      showSuccess={templateViewData.showSuccess}
-      successMessage={templateViewData.successMessage}
-      formState={templateViewData.formState}
-      isSubmitting={templateViewData.isSubmitting}
-      submitError={templateViewData.submitError}
-      // Add the additional props
+      viewData={templateViewData}
       formActions={{
         handleChange,
         handleSubmit,
@@ -178,4 +170,4 @@ export function ResetPasswordClient({ viewData }: ResetPasswordClientProps) {
       }}
     />
   );
-}
+}