initial commit

components/features/todos/TodoModal.tsx

@@ -32,7 +32,7 @@ interface TodoModalProps {
   visible: boolean;
   onClose: () => void;
   onSubmit: (
-    todo: Partial<Todo> & { assigneeIds?: string[]; userId?: string }
+    todo: Partial<Todo> & { assigneeIds?: string[]; userId?: string },
   ) => void;
   isLoading: boolean;
   todo?: Todo | null;
@@ -51,9 +51,11 @@ export const TodoModal = ({
   todoRef.current = todo;
   // Helpers to extract existing selections from the todo
   const existingSupervisors = (todo?.assignees ?? []).filter(
-    (u) => u.role === RoleEnum.ADMIN || u.role === RoleEnum.MANAGER
+    (u) => u.role === RoleEnum.ADMIN || u.role === RoleEnum.MANAGER,
+  );
+  const existingUser = (todo?.assignees ?? []).find(
+    (u) => u.role === RoleEnum.USER,
   );
-  const existingUser = (todo?.assignees ?? []).find((u) => u.role === RoleEnum.USER);
   const defaultValues: TodoFormValues = {
     id: todo?.id,
     title: todo?.title ?? "",
@@ -126,10 +128,12 @@ export const TodoModal = ({
       sortDir: "asc" as any,
       search: adminSearchQuery.trim(),
     },
-    { skip: !visible || adminSearchQuery.trim().length < 2 }
+    { skip: !visible || adminSearchQuery.trim().length < 2 },
   );
   const adminUsers = adminUsersPage?.items ?? [];
-  const preselectedSupervisorItems = existingSupervisors.map(mapUserToDropdownItem);
+  const preselectedSupervisorItems = existingSupervisors.map(
+    mapUserToDropdownItem,
+  );
   const adminDropdownItems = uniqueById([
     ...preselectedSupervisorItems,
     ...adminUsers.map(mapUserToDropdownItem),
@@ -146,10 +150,12 @@ export const TodoModal = ({
       sortDir: "asc" as any,
       search: userSearchQuery.trim(),
     },
-    { skip: !visible || userSearchQuery.trim().length < 2 }
+    { skip: !visible || userSearchQuery.trim().length < 2 },
   );
   const regularUsers = regularUsersPage?.items ?? [];
-  const preselectedUserItems = existingUser ? [mapUserToDropdownItem(existingUser)] : [];
+  const preselectedUserItems = existingUser
+    ? [mapUserToDropdownItem(existingUser)]
+    : [];
   const regularUserDropdownItems = uniqueById([
     ...preselectedUserItems,
     ...regularUsers.map(mapUserToDropdownItem),
@@ -173,7 +179,7 @@ export const TodoModal = ({
     if (!visible) return;
     const t = todoRef.current;
     const admins = (t?.assignees ?? []).filter(
-      (u) => u.role === RoleEnum.ADMIN || u.role === RoleEnum.MANAGER
+      (u) => u.role === RoleEnum.ADMIN || u.role === RoleEnum.MANAGER,
     );
     const user = (t?.assignees ?? []).find((u) => u.role === RoleEnum.USER);
     const nextDefaults: TodoFormValues = {
@@ -452,7 +458,7 @@ export const TodoModal = ({
         <Button
           onPress={handleSubmit(submit)}
           disabled={isLoading || !isValid || !isDirty}
-          className="!ml-2"
+          className="ml-2!"
         >
           {mode === OperationMode.ADD ? "Add" : "Edit"}
         </Button>