dynamically updated completed planned work at project lis and workarea when going to create new sub task

src/components/Activities/SubTask.jsx

@@ -9,7 +9,7 @@ import {
 import showToast from "../../services/toastService";
 import ProjectRepository from "../../repositories/ProjectRepository";
 import { useTaskById } from "../../hooks/useTasks";
-import {useManageTask} from "../../hooks/useProjects";
+import { useManageTask } from "../../hooks/useProjects";
 
 const subTaskSchema = z.object({
   activityId: z.string().min(1, "Activity is required"),
@@ -37,14 +37,13 @@ const SubTask = ({ activity, onClose }) => {
   });
   const selectedActivityId = watch("activityId");
   const selectedActivity = activities?.find((a) => a.id === selectedActivityId);
-  const {mutate:createSubTask,isPending } = useManageTask( {
-    onSuccessCallback: () =>
-    {
-      showToast("Sub Task Created Successfully","success")
+  const { mutate: createSubTask, isPending } = useManageTask({
+    onSuccessCallback: () => {
+      showToast("Sub Task Created Successfully", "success");
       reset();
       onClose();
-    }
-  } )
+    },
+  });
 
   useEffect(() => {
     setCategoryData(categories);
@@ -73,7 +72,7 @@ const SubTask = ({ activity, onClose }) => {
   };
 
   const onSubmitForm = async (formData) => {
-    let payload = {
+    let data = {
       workAreaID: Task.workItem.workAreaId,
       workCategoryId: formData.workCategoryId,
       activityID: formData.activityId,
@@ -82,8 +81,19 @@ const SubTask = ({ activity, onClose }) => {
       parentTaskId: activity?.id,
       comment: formData.comment,
     };
-  
-    createSubTask([payload])
+
+    const payload = [data];
+    let buildingId = activity.workItem.workArea.floor.building.id;
+    let floorId = activity.workItem.workArea.floor.id;
+    let workAreaId = activity.workItem.workArea.id;
+    createSubTask({
+      payload: payload,
+      buildingId: buildingId,
+      floorId: floorId,
+      workAreaId: workAreaId,
+      PreviousPlannedWork:0,
+      previousCompletedWork:0
+    });
   };
   return (
     <div className="container-xxl my-1">
@@ -147,15 +157,15 @@ const SubTask = ({ activity, onClose }) => {
             disabled
           >
             <option value="">
-      {loading ? "Loading..." : "-- Select Activity --"}
-    </option>
+              {loading ? "Loading..." : "-- Select Activity --"}
+            </option>
 
-    {!loading &&
-      activities?.map((activity) => (
-        <option key={activity.id} value={activity.id}>
-          {activity.activityName}
-        </option>
-      ))}
+            {!loading &&
+              activities?.map((activity) => (
+                <option key={activity.id} value={activity.id}>
+                  {activity.activityName}
+                </option>
+              ))}
           </select>
           {errors.activityId && (
             <div className="danger-text">{errors.activityId.message}</div>