fix: public profile visibility not updating (#740)

* fix: public profile skeleton bug and visibility not updating * chore: downgrade query-client dep
graasp · Jan 29, 2025 · 11b9276 · 11b9276
1 parent 66c4754
commit 11b9276
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 0 deletions.
diff --git a/src/modules/account/settings/publicProfile/EditPublicProfile.tsx b/src/modules/account/settings/publicProfile/EditPublicProfile.tsx
@@ -57,6 +57,7 @@ export function EditPublicProfile({
   const {
     register,
     handleSubmit,
+    watch,
     formState: { errors, isValid },
   } = useForm<Inputs>({
     mode: 'onChange',
@@ -92,6 +93,7 @@ export function EditPublicProfile({
 
   // register visibility checkbox manually
   const visibility = register('visibility');
+  const visibilityValue = watch('visibility');
 
   return (
     <BorderedSection title={t('TITLE')}>
@@ -160,10 +162,12 @@ export function EditPublicProfile({
           control={
             <Checkbox
               color="primary"
+              checked={visibilityValue}
               name={visibility.name}
               onChange={visibility.onChange}
             />
           }
+          ref={visibility.ref}
           label={t('VISIBILITY_LABEL')}
         />
         <Stack direction="row" gap={1} justifyContent="flex-end">

diff --git a/src/modules/account/settings/publicProfile/PublicProfile.tsx b/src/modules/account/settings/publicProfile/PublicProfile.tsx
@@ -102,6 +102,7 @@ export function PublicProfile(): JSX.Element {
       </BorderedSection>
     );
   }
+
   return (
     <BorderedSection
       id={PUBLIC_PROFILE_NOT_CONFIGURED_CONTAINER_ID}