fix: after updating a role, UI was showing old, incorrect version of …

…the role
gettakaro · Oct 28, 2024 · a5a6ae6 · a5a6ae6
1 parent a5de69c
commit a5a6ae6
Showing 1 changed file with 11 additions and 3 deletions.
diff --git a/packages/web-main/src/routes/_auth/_global/-roles/RoleCreateUpdateForm.tsx b/packages/web-main/src/routes/_auth/_global/-roles/RoleCreateUpdateForm.tsx
@@ -85,10 +85,18 @@ export const RoleForm: FC<CreateUpdateRoleFormProps> = ({
     }
   }, [open]);
 
-  const { control, handleSubmit, formState } = useForm<IFormInputs>({
+  const { control, handleSubmit, formState, reset } = useForm<IFormInputs>({
     mode: 'onChange',
     resolver: zodResolver(validationSchema),
     defaultValues: initialData && {
+      name: initialData.name,
+      permissions: {},
+    },
+  });
+
+  useEffect(() => {
+    if (!initialData) return;
+    reset({
       name: initialData.name,
       permissions: Object.values(permissions).reduce(
         (acc, permission) => ({
@@ -100,8 +108,8 @@ export const RoleForm: FC<CreateUpdateRoleFormProps> = ({
         }),
         {},
       ),
-    },
-  });
+    });
+  }, [initialData]);
 
   return (
     <Drawer open={open} onOpenChange={setOpen} promptCloseConfirmation={formState.isDirty}>