refactor: pass data

Author: joshunrau

apps/web/src/features/admin/pages/ManageUsersPage.tsx

@@ -13,7 +13,7 @@ import { useAppStore } from '@/store';
 import { useDeleteUserMutation } from '../hooks/useDeleteUserMutation';
 import { useUpdateUserMutation } from '../hooks/useUpdateUserMutation';
 import { useUsersQuery } from '../hooks/useUsersQuery';
-import { UpdateUserForm } from './UpdateUserForm';
+import { UpdateUserForm, type UpdateUserFormInputData } from './UpdateUserForm';
 
 export const ManageUsersPage = () => {
   const currentUser = useAppStore((store) => store.currentUser);
@@ -24,7 +24,14 @@ export const ManageUsersPage = () => {
   const [selectedUser, setSelectedUser] = useState<null | User>(null);
   const { filteredData, searchTerm, setSearchTerm } = useSearch(usersQuery.data ?? [], 'username');
 
-  const currentUserIsSelected = selectedUser?.username === currentUser?.username;
+  const data: UpdateUserFormInputData = {
+    disableDelete: selectedUser?.username === currentUser?.username,
+    initialValues: selectedUser?.additionalPermissions.length
+      ? {
+          additionalPermissions: selectedUser.additionalPermissions
+        }
+      : undefined
+  };
 
   return (
     <Sheet open={Boolean(selectedUser)} onOpenChange={() => setSelectedUser(null)}>
@@ -91,14 +98,7 @@ export const ManageUsersPage = () => {
         </Sheet.Header>
         <Sheet.Body className="grid gap-4">
           <UpdateUserForm
-            disableDelete={currentUserIsSelected}
-            initialValues={
-              selectedUser?.additionalPermissions.length
-                ? {
-                    additionalPermissions: selectedUser.additionalPermissions
-                  }
-                : undefined
-            }
+            data={data}
             onDelete={() => {
               deleteUserMutation.mutate({ id: selectedUser!.id });
               setSelectedUser(null);

apps/web/src/features/admin/pages/UpdateUserForm.tsx

@@ -9,12 +9,17 @@ const $UpdateUserFormData = $UpdateUserData.pick({ additionalPermissions: true }
 
 type UpdateUserFormData = z.infer<typeof $UpdateUserFormData>;
 
-export const UpdateUserForm: React.FC<{
+export type UpdateUserFormInputData = {
   disableDelete: boolean;
   initialValues?: FormTypes.PartialNullableData<UpdateUserFormData>;
+};
+
+export const UpdateUserForm: React.FC<{
+  data: UpdateUserFormInputData;
   onDelete: () => void;
   onSubmit: (data: UpdateUserFormData) => Promisable<void>;
-}> = ({ disableDelete, initialValues, onDelete, onSubmit }) => {
+}> = ({ data, onDelete, onSubmit }) => {
+  const { disableDelete, initialValues } = data;
   const { t } = useTranslation();
   return (
     <Form