fix: fix form type in update profile

src/containers/Profiles/CreateProfile.tsx

@@ -4,10 +4,11 @@ import { useNavigate } from 'react-router';
 
 import profileStyles from './Profiles.module.scss';
 import Form from './Form';
+import type { ProfileFormValues } from './types';
 
 import styles from '#src/pages/User/User.module.scss';
 import { useAccountStore } from '#src/stores/AccountStore';
-import type { ProfilePayload, ListProfilesResponse } from '#types/account';
+import type { ListProfilesResponse } from '#types/account';
 import { createProfile, listProfiles } from '#src/stores/AccountController';
 import LoadingOverlay from '#src/components/LoadingOverlay/LoadingOverlay';
 import type { UseFormOnSubmitHandler } from '#src/hooks/useForm';
@@ -34,17 +35,17 @@ const CreateProfile = () => {
 
   const initialValues = {
     name: '',
-    adult: true,
+    adult: 'true',
     avatar_url: '',
     pin: undefined,
   };
 
-  const createProfileHandler: UseFormOnSubmitHandler<ProfilePayload> = async (formData, { setSubmitting, setErrors }) => {
+  const createProfileHandler: UseFormOnSubmitHandler<ProfileFormValues> = async (formData, { setSubmitting, setErrors }) => {
     try {
       const profile = (
         await createProfile({
           name: formData.name,
-          adult: formData.adult,
+          adult: formData.adult === 'true',
           avatar_url: AVATARS[activeProfiles],
         })
       )?.responseData;

src/containers/Profiles/EditProfile.tsx

@@ -5,9 +5,9 @@ import { useLocation, useNavigate, useParams } from 'react-router';
 import profileStyles from './Profiles.module.scss';
 import Form from './Form';
 import DeleteProfile from './DeleteProfile';
+import type { ProfileFormValues } from './types';
 
 import styles from '#src/pages/User/User.module.scss';
-import type { ProfilePayload } from '#types/account';
 import LoadingOverlay from '#src/components/LoadingOverlay/LoadingOverlay';
 import type { UseFormOnSubmitHandler } from '#src/hooks/useForm';
 import Button from '#src/components/Button/Button';
@@ -31,7 +31,7 @@ const EditProfile = () => {
     return {
       id: profileDetails?.id || '',
       name: profileDetails?.name || '',
-      adult: profileDetails?.adult ?? true,
+      adult: profileDetails?.adult ? 'true' : 'false',
       avatar_url: profileDetails?.avatar_url || '',
       pin: undefined,
     };
@@ -41,12 +41,12 @@ const EditProfile = () => {
     navigate('/u/profiles');
   }
 
-  const updateProfileHandler: UseFormOnSubmitHandler<ProfilePayload> = async (formData, { setErrors, setSubmitting }) => {
+  const updateProfileHandler: UseFormOnSubmitHandler<ProfileFormValues> = async (formData, { setErrors, setSubmitting }) => {
     try {
       const response = await updateProfile({
         id: id,
         name: formData.name,
-        adult: formData.adult,
+        adult: formData.adult === 'true',
         avatar_url: formData.avatar_url || profileDetails?.avatar_url,
       });
 

src/containers/Profiles/Form.tsx

@@ -3,19 +3,19 @@ import { type SchemaOf, object, string } from 'yup';
 import { useNavigate } from 'react-router';
 
 import profileStyles from './Profiles.module.scss';
+import type { ProfileFormValues } from './types';
 
 import Button from '#src/components/Button/Button';
 import Dropdown from '#src/components/Dropdown/Dropdown';
 import FormFeedback from '#src/components/FormFeedback/FormFeedback';
 import TextField from '#src/components/TextField/TextField';
 import useForm, { UseFormOnSubmitHandler } from '#src/hooks/useForm';
 import styles from '#src/pages/User/User.module.scss';
-import type { ProfilePayload } from '#types/account';
 import LoadingOverlay from '#src/components/LoadingOverlay/LoadingOverlay';
 
 type Props = {
-  initialValues: ProfilePayload;
-  formHandler: UseFormOnSubmitHandler<ProfilePayload>;
+  initialValues: ProfileFormValues;
+  formHandler: UseFormOnSubmitHandler<ProfileFormValues>;
   setFullName?: (name: string) => void;
 };
 

src/containers/Profiles/types.d.ts

@@ -0,0 +1 @@
+export type ProfileFormValues = Omit<ProfilePayload, 'adult'> & { adult: string };