changes

Author: nigelpurvis

src/frontend/src/pages/CalendarPage/Components/CalendarCreateTaskModal.tsx

@@ -44,7 +44,7 @@ interface CalendarCreateTaskModalProps {
 
 const CalendarCreateTaskModal: React.FC<CalendarCreateTaskModalProps> = ({ open, onClose, defaultDeadline }) => {
   const toast = useToast();
-  const { mutateAsync: createTask } = useCreateTask();
+  const { mutateAsync: createTask, isLoading } = useCreateTask();
   const { data: users, isLoading: usersLoading, isError: usersError, error: usersErr } = useAllMembers();
   const { data: projects, isLoading: projectsLoading, isError: projectsError, error: projectsErr } = useAllProjects();
 
@@ -111,6 +111,7 @@ const CalendarCreateTaskModal: React.FC<CalendarCreateTaskModalProps> = ({ open,
       onFormSubmit={onSubmit}
       submitText="Create"
       showCloseButton
+      disabled={isLoading}
     >
       <Grid container spacing={2} sx={{ minWidth: 450 }}>
         <Grid item xs={12}>

src/frontend/src/pages/ProjectDetailPage/ProjectViewContainer/TaskList/TaskFormModal.tsx

@@ -28,9 +28,10 @@ interface TaskFormModalProps {
   onHide: () => void;
   onSubmit: (data: EditTaskFormInput) => Promise<void>;
   onReset?: () => void;
+  isLoading?: boolean;
 }
 
-const TaskFormModal: React.FC<TaskFormModalProps> = ({ task, status, onSubmit, modalShow, onHide, onReset }) => {
+const TaskFormModal: React.FC<TaskFormModalProps> = ({ task, status, onSubmit, modalShow, onHide, onReset, isLoading }) => {
   let schema;
 
   if (status === TaskStatus.IN_PROGRESS) {
@@ -71,7 +72,7 @@ const TaskFormModal: React.FC<TaskFormModalProps> = ({ task, status, onSubmit, m
 
   const user = useCurrentUser();
 
-  const { data: users, isLoading, isError, error } = useAllMembers();
+  const { data: users, isLoading: usersLoading, isError, error } = useAllMembers();
 
   const {
     handleSubmit,
@@ -92,7 +93,7 @@ const TaskFormModal: React.FC<TaskFormModalProps> = ({ task, status, onSubmit, m
   });
 
   if (isError) return <ErrorPage error={error} />;
-  if (isLoading || !users) return <LoadingIndicator />;
+  if (usersLoading || !users) return <LoadingIndicator />;
 
   const options: { label: string; id: string }[] = users.map(taskUserToAutocompleteOption);
 
@@ -111,6 +112,7 @@ const TaskFormModal: React.FC<TaskFormModalProps> = ({ task, status, onSubmit, m
       handleUseFormSubmit={handleSubmit}
       onFormSubmit={onSubmit}
       submitText="Save"
+      disabled={isLoading}
     >
       <form
         onSubmit={(e) => {

src/frontend/src/pages/ProjectDetailPage/ProjectViewContainer/TaskList/v2/TaskColumn.tsx

@@ -30,7 +30,7 @@ export const TaskColumn = ({
   onAddTask: (task: Task) => void;
   onHeightChange: (status: TaskStatus, height: number) => void;
 }) => {
-  const { mutateAsync: createTask } = useCreateTask();
+  const { mutateAsync: createTask, isLoading } = useCreateTask();
   const [showCreateTaskModal, setShowCreateTaskModal] = useState(false);
   const toast = useToast();
   const theme = useTheme();
@@ -76,6 +76,7 @@ export const TaskColumn = ({
         onHide={() => setShowCreateTaskModal(false)}
         modalShow={showCreateTaskModal}
         teams={project.teams}
+        isLoading={isLoading}
       />
       <Box
         sx={{