integrated create Task api and handling data caching updated for task.

src/components/Project/Infrastructure/BuildingModel.jsx

@@ -37,9 +37,14 @@ const BuildingModel = ({
     } else if (editingBuilding) {
       setFormData({ ...editingBuilding, projectId: project.id });
     }
+
+    return () =>
+    {
+      setValue("name",null)
+    }
   }, [clearTrigger, onClearComplete, editingBuilding, project.id]);
 
-  const { register, handleSubmit, formState: { errors }, setValue } = useForm({
+  const { register, handleSubmit, formState: { errors }, setValue,reset,getValues} = useForm({
     resolver: zodResolver(buildingSchema),
     defaultValues: formData, // Set default values from formData state
   });
@@ -59,7 +64,11 @@ const BuildingModel = ({
 
   const onSubmitHandler = async( data ) =>
   {
-    onSubmit({ ...data, projectId: project.id });
+    onSubmit( {...data, projectId: project.id} );
+    reset( {
+      name: null,
+      description:null
+    })
   };
 
   return (
@@ -116,7 +125,7 @@ const BuildingModel = ({
 
             <div className="col-12 text-center">
               <button type="submit" className="btn btn-primary me-3">
-                {formData.id ? "Edit Building" : "Add Building"}
+                {   (  formData.id &&  getValues("name"))  ? "Edit Building" : "Add Building"}
               </button>
               <button type="reset" className="btn btn-label-secondary" data-bs-dismiss="modal" aria-label="Close" onClick={onClose}>
                 Cancel

src/components/Project/Infrastructure/TaskModel.jsx

@@ -1,9 +1,22 @@
 import React, { useState, useEffect } from "react";
+import { useForm } from "react-hook-form";
+import { zodResolver } from '@hookform/resolvers/zod';
+import { z } from "zod";
+
+// Define Zod validation schema
+const taskSchema = z.object({
+  buildingID: z.string().min(1, "Building is required"),
+  floorId: z.string().min(1, "Floor is required"),
+  workAreaId: z.number().min(1, "Work Area is required"),
+  activityID: z.number().min(1, "Activity is required"),
+  plannedWork: z.number().min(1, "Planned Work must be greater than 0"),
+  completedWork: z.number().optional(),
+});
 
 const defaultModel = {
   id: "0",
   workAreaId: 0,
-  activityId: 0,
+  activityID: 0,
   plannedWork: 0,
   completedWork: 0,
 };
@@ -14,46 +27,27 @@ const TaskModel = ({
   onSubmit,
   clearTrigger,
   onClearComplete,
-} ) =>
+}) => {
-{
-  
   const [formData, setFormData] = useState(defaultModel);
   const [selectedBuilding, setSelectedBuilding] = useState(null);
   const [selectedFloor, setSelectedFloor] = useState(null);
   const [selectedWorkArea, setSelectedWorkArea] = useState(null);
   const [selectedActivity, setSelectedActivity] = useState(null);
 
-  //if (floor && floor.id) setFormData(floor);
   
-  useEffect(() => {
+  const { register, handleSubmit, formState: { errors },reset } = useForm({
-    if (selectedBuilding) {
+    resolver: zodResolver(taskSchema),
-      let building = project.buildings.find(
+    defaultValues: formData,
-        (b) => b.id === selectedBuilding.id
+  });
-      );
-      setSelectedBuilding(building);
-    }
-
-    if (selectedFloor) {
-      let floor = selectedBuilding.floors.find(
-        (b) => b.id === Number(selectedFloor.id)
-      );
-      setSelectedFloor(floor);
-    }
-    if (selectedWorkArea) {
-      formData.workAreaId = selectedWorkArea.id;
-    }
-  }, [project]);
 
   useEffect(() => {
     if (clearTrigger) {
-      let model = defaultModel;
-      model.floorId = selectedFloor.id;
       setFormData(defaultModel);
       onClearComplete();
     }
   }, [clearTrigger, onClearComplete]);
 
-  // Handle input change
+  // Handle input changes
   const handleChange = (e) => {
     const { name, value } = e.target;
     const activity = activities.find((b) => b.id === Number(value));
@@ -64,29 +58,15 @@ const TaskModel = ({
     const { value } = e.target;
     const activity = activities.find((b) => b.id === Number(value));
 
-    setFormData({ ...formData, ["activityId"]: value });
+    setFormData({ ...formData, ["activityID"]: value });
     setSelectedActivity(activity);
   };
+
   const handleWorkAreaChange = (e) => {
     const { value } = e.target;
-    const workArea = selectedFloor.workAreas.find(
+    const workArea = selectedFloor.workAreas.find((b) => b.id === Number(value));
-      (b) => b.id === Number(value)
-    );
     setSelectedWorkArea(workArea);
-    setSelectedActivity(null);
     setFormData({ ...formData, ["workAreaId"]: value });
-    // if (workArea) {
-    //   setFormData({
-    //     id: workArea.id,
-    //     floorId: workArea.floorId,
-    //     areaName: workArea.areaName,
-    //   });
-    // } else
-    //   setFormData({
-    //     id: "0",
-    //     floorId: selectedFloor.id,
-    //     areaName: "",
-    //   });
   };
 
   const handleFloorChange = (e) => {
@@ -97,7 +77,8 @@ const TaskModel = ({
     setSelectedActivity(null);
     setFormData(defaultModel);
   };
-  const handleBuildigChange = (e) => {
+
+  const handleBuildingChange = (e) => {
     const { value } = e.target;
     const building = project.buildings.find((b) => b.id === Number(value));
     setSelectedBuilding(building);
@@ -107,14 +88,37 @@ const TaskModel = ({
     setFormData(defaultModel);
   };
 
-  // Handle form submission
+  const onSubmitForm = ( data ) =>
-  const handleSubmit = (e) => {
+  {
-    e.preventDefault();
     
-    // onSubmit( formData ); // Pass the updated data to the parent
+    
-    console.log(formData)
+    onSubmit( data ); 
+    setSelectedActivity(null),
+   selectedWorkArea(null)
+    reset( {
+      plannedWork: 0,
+      completedWork:0
+      
+    })
   };
 
+  useEffect( () =>
+  {
+    () =>{
+      resetVlaue ()
+    }
+  },[])
+  const resetVlaue = () =>
+  {
+    setSelectedBuilding( null )
+    setSelectedFloor( null )
+    setSelectedWorkArea( null )
+    setSelectedActivity(null)
+    reset( {
+      plannedWork: 0,
+      completedWork:0
+    })
+ }
   return (
     <div className="modal-dialog modal-lg modal-simple modal-edit-user">
       <div className="modal-content">
@@ -129,18 +133,19 @@ const TaskModel = ({
             <div className="text-center mb-1">
               <h5 className="mb-1">Manage Task</h5>
             </div>
-            <form className="row g-2" onSubmit={handleSubmit}>
+            <form className="row g-2" onSubmit={handleSubmit(onSubmitForm)}>
+              {/* Select Building */}
               <div className="col-6 col-md-6">
                 <label className="form-label" htmlFor="name">
                   Select Building
                 </label>
                 <select
-                  id="buildingId"
+                  id="buildingID"
-                  name="buildingId"
+                  name="buildingID"
                   className="select2 form-select form-select-sm"
                   aria-label="Default select example"
-                  onChange={handleBuildigChange}
+                  {...register("buildingID")}
-                  value={formData.buildingId}
+                  onChange={(e) => handleBuildingChange(e)}
                 >
                   <option value="0">Select Building</option>
                   {project.buildings.map((building) => (
@@ -149,9 +154,11 @@ const TaskModel = ({
                     </option>
                   ))}
                 </select>
+                {errors.buildingID && <p className="danger-text">{errors.buildingID.message}</p>}
               </div>
 
-              {selectedBuilding && selectedBuilding.id != "0" && (
+              {/* Select Floor */}
+              {selectedBuilding && selectedBuilding.id !== "0" && (
                 <div className="col-6 col-md-6">
                   <label className="form-label" htmlFor="floorId">
                     Select Floor
@@ -161,19 +168,21 @@ const TaskModel = ({
                     name="floorId"
                     className="select2 form-select form-select-sm"
                     aria-label="Default select example"
-                    onChange={handleFloorChange}
+                    {...register("floorId")}
-                    value={formData.floorId}
+                    onChange={(e) => handleFloorChange(e)}
                   >
                     <option value="0">Select Floor</option>
                     {selectedBuilding.floors.map((floor) => (
                       <option key={floor.id} value={floor.id}>
-                        {floor.floorName} - ({floor.workAreas.length} Work
+                        {floor.floorName} - ({floor.workAreas.length} Work Areas)
-                        Areas)
                       </option>
                     ))}
                   </select>
+                  {errors.floorId && <p  className="danger-text">{errors.floorId.message}</p>}
                 </div>
               )}
+
+              {/* Select Work Area */}
               {selectedFloor && (
                 <div className="col-12 col-md-12">
                   <label className="form-label" htmlFor="workAreaId">
@@ -184,8 +193,8 @@ const TaskModel = ({
                     name="workAreaId"
                     className="select2 form-select form-select-sm"
                     aria-label="Default select example"
-                    onChange={handleWorkAreaChange}
+                    {...register("workAreaId",{valueAsNumber:true})}
-                    value={formData.workAreaId}
+                    onChange={(e) => handleWorkAreaChange(e)}
                   >
                     <option value="0">Select Work Area</option>
                     {selectedFloor.workAreas.map((workArea) => (
@@ -194,20 +203,23 @@ const TaskModel = ({
                       </option>
                     ))}
                   </select>
+                  {errors.workAreaId && <p  className="danger-text">{errors.workAreaId.message}</p>}
                 </div>
               )}
+
+              {/* Select Activity */}
               {selectedWorkArea && (
                 <div className="col-12 col-md-12">
-                  <label className="form-label" htmlFor="activityId">
+                  <label className="form-label" htmlFor="activityID">
                     Select Activity
                   </label>
                   <select
-                    id="activityId"
+                    id="activityID"
-                    name="activityId"
+                    name="activityID"
                     className="select2 form-select form-select-sm"
                     aria-label="Default select example"
-                    onChange={handleActivityChange}
+                    {...register("activityID",{valueAsNumber:true})}
-                    value={formData.activityId}
+                    onChange={(e) => handleActivityChange(e)}
                   >
                     <option value="0">Select Activity</option>
                     {activities.map((activity) => (
@@ -216,75 +228,67 @@ const TaskModel = ({
                       </option>
                     ))}
                   </select>
+                  {errors.activityID && <p className="danger-text">{errors.activityID.message}</p>}
                 </div>
               )}
+
+              {/* Planned Work */}
               {selectedActivity && (
                 <div className="col-5 col-md-5">
-                  {" "}
                   <label className="form-label" htmlFor="plannedWork">
-                    {formData.id != "0" ? "Modify " : "Enter "} Planned Work
+                    {formData.id !== "0" ? "Modify " : "Enter "} Planned Work
                   </label>
-                  <div className="input-group">
                   <input
-                      type="text"
+                    {...register("plannedWork", { valueAsNumber: true })}
+                    type="number"
                     id="plannedWork"
                     name="plannedWork"
                     className="form-control form-control-sm me-2"
-                      placeholder="Task"
+                    placeholder="Planned Work"
-                      onChange={handleChange}
-                      value={formData.plannedWork}
                   />
-                  </div>
+                  {errors.plannedWork && <p className="danger-text">{errors.plannedWork.message}</p>}
                 </div>
               )}
+
+              {/* Completed Work */}
               {selectedActivity && (
                 <div className="col-5 col-md-5">
-                  {" "}
                   <label className="form-label" htmlFor="completedWork">
-                    {formData.id != "0" ? "Modify " : "Enter "} Completed Work
+                    {formData.id !== "0" ? "Modify " : "Enter "} Completed Work
                   </label>
-                  <div className="input-group">
                   <input
-                      type="text"
+                    {...register("completedWork", { valueAsNumber: true })}
+                    type="number"
                     id="completedWork"
                     name="completedWork"
                     className="form-control form-control-sm me-2"
                     placeholder="Completed Work"
-                      onChange={handleChange}
-                      value={formData.completedWork}
                   />
-                  </div>
+                  {errors.completedWork && <p className="danger-text">{errors.completedWork.message}</p>}
                 </div>
               )}
 
+              {/* Unit */}
               {selectedActivity && (
                 <div className="col-2 col-md-2">
-                  {" "}
                   <label className="form-label" htmlFor="unit">
                     Unit
                   </label>
-                  <div className="input-group">
                   <input
                     type="text"
-                      id="unit"
                     disabled
+                    id="unit"
                     name="unit"
                     className="form-control form-control-sm me-2"
-                      placeholder="Unit"
+                    value={selectedActivity?.unitOfMeasurement || ""}
-                      onChange={handleChange}
-                      value={selectedActivity.unitOfMeasurement}
                   />
                 </div>
-                </div>
               )}
+
               <div className="col-12 text-center">
-                {selectedActivity && (
                 <button type="submit" className="btn btn-primary me-3">
-                    {formData.id != "0" && formData.id != ""
+                  {formData.id !== "0" && formData.id !== "" ? "Edit Task" : "Add Task"}
-                      ? "Edit Task"
-                      : "Add Task"}
                 </button>
-                )}
                 <button
                   type="reset"
                   className="btn btn-label-secondary"
@@ -293,6 +297,7 @@ const TaskModel = ({
                 >
                   Cancel
                 </button>
+               
               </div>
             </form>
           </div>

src/components/Project/Infrastructure/WorkArea.jsx

@@ -1,7 +1,11 @@
-import React from "react";
+import React,{useEffect} from "react";
 import WorkItem from "./WorkItem";
 
-const WorkArea = ({ workArea, floor,forBuilding }) => {
+const WorkArea = ( {workArea, floor, forBuilding} ) =>
+{
+  useEffect(() => {
+
+  }, [workArea]); 
   return (
     <React.Fragment key={workArea.id}>
       <tr>
@@ -25,16 +29,28 @@ const WorkArea = ({ workArea, floor,forBuilding }) => {
               <thead>
                 <tr>
                   <th>Activity</th>
-                    <th>Planned</th>
+                  {/* for mobile view */}
-                    <th>Completed</th>
+                  <th className="d-sm-none d-sm-table-cell">Status</th>
+                  {/* for greather than mobile view ************* */}
+                  <th className="d-none d-md-table-cell">Planned</th>
+                  <th className="d-none d-md-table-cell">Completed</th>
+                  {/* ************************** */}
                   <th>Progress</th>
                   <th>Actions</th>
                 </tr>
               </thead>
               <tbody className="table-border-bottom-0">
-                  {workArea.workItems.map((workItem) => (
+                {workArea?.workItems && workArea.workItems.length > 0 ? (
-                    <WorkItem key={workItem.workItemId} workItem={workItem} forBuilding={forBuilding} forFloor={floor} forWorkArea={workArea} />
+                  workArea.workItems.map((workItem) => (
-                  ))}
+                    <WorkItem key={workItem.workItemId} workItem={workItem} />
+                  ))
+                ) : (
+                  <tr>
+                    <td colSpan="4" className="text-center">
+                      No Data
+                    </td>
+                  </tr>
+                )}
               </tbody>
             </table>
           </td>
@@ -42,5 +58,5 @@ const WorkArea = ({ workArea, floor,forBuilding }) => {
       ) : null}
     </React.Fragment>
   );
-  };
+};
 export default WorkArea;

src/components/Project/Infrastructure/WorkItem.jsx

@@ -1,15 +1,15 @@
-import React, { useState } from "react";
+import React, { useState,useEffect } from "react";
 import { useModal } from "../../../ModalContext";
 import AssignRoleModel from "../AssignRole";
-import {useParams} from "react-router-dom";
+import { useParams } from "react-router-dom";
 import GlobalModel from "../../common/GlobalModel";
 
-const WorkItem = ( {workItem, forBuilding, forFloor, forWorkArea} ) =>{
+const WorkItem = ({ workItem, forBuilding, forFloor, forWorkArea }) => {
-  const {projectId} = useParams()
+  const { projectId } = useParams();
-  const [ itemName, setItemName ] = useState( '' ); 
+  const [ itemName, setItemName ] = useState( "" );
+  const [NewWorkItem,setNewWorkItem] = useState()
   const [isModalOpen, setIsModalOpen] = useState(false);
 
-  
   const openModal = () => setIsModalOpen(true);
   const closeModal = () => setIsModalOpen(false);
   const getProgress = (planned, completed) => {
@@ -17,8 +17,8 @@ const WorkItem = ( {workItem, forBuilding, forFloor, forWorkArea} ) =>{
   };
 
   const handleAssignTask = () => {
-    console.log("Item Created:", itemName);
+
-    setItemName(''); 
+    setItemName("");
   };
 
   // const showCreateItemModal = (modalData) => {
@@ -28,51 +28,79 @@ const WorkItem = ( {workItem, forBuilding, forFloor, forWorkArea} ) =>{
   //   );
   // };
 
+  useEffect(() => {
+
+    setNewWorkItem(workItem)
+  }, [workItem]); // This hook will run whenever the workItem prop changes
+
   let assigndata = {
     building: forBuilding,
     floor: forFloor,
     workArea: forWorkArea,
-    workItem
+    workItem,
-  }
+  };
+
+  const hasWorkItem = NewWorkItem && NewWorkItem
+
   return (
     <>
-      <GlobalModel isOpen={isModalOpen}
+      <GlobalModel
-        closeModal={closeModal} dialogClass="modal-dialog-centered" role="document" size="lg" >
+        isOpen={isModalOpen}
+        closeModal={closeModal}
+        dialogClass="modal-dialog-centered"
+        role="document"
+        size="lg"
+      >
         <AssignRoleModel assignData={assigndata} onClose={closeModal} />
       </GlobalModel>
       <tr>
         <td className="text-start table-cell-small">
           <i className="bx bx-right-arrow-alt"></i>
           <span className="fw-medium">
-          {workItem.workItem.activityMaster
+            {hasWorkItem ? ( NewWorkItem?.workItem?.activityMaster?.activityName || workItem.activityMaster?.activityName ) :"NA"
-            ? workItem.workItem.activityMaster.activityName
+             }
-            : "NA"}
           </span>
         </td>
-      <td className="text-center">
+        {/* for mobile view */}
-        {workItem.workItem ? workItem.workItem.plannedWork : "NA"}
+        <td className="text-center d-sm-none d-sm-table-cell">
+          {hasWorkItem ? (NewWorkItem?.workItem?.completedWork || workItem?.completedWork) :"NA" }/{" "}
+          { hasWorkItem ? (NewWorkItem?.workItem?.plannedWork || workItem?.plannedWork) : "NA"}
         </td>
-      <td className="text-center">
+         {/* for greather than mobile view ************* */}
-        {workItem.workItem ? workItem.workItem.completedWork : "NA"}
+        <td className="text-center d-none d-md-table-cell">
+          {hasWorkItem ?  (NewWorkItem?.workItem?.plannedWork || workItem?.plannedWork): "NA"}
         </td>
+        <td className="text-center d-none d-md-table-cell">
+          {hasWorkItem ? (NewWorkItem?.workItem?.completedWork || workItem?.completedWork) : "NA"}
+        </td>
+        {/* ************************************************ */}
         <td className="text-center" style={{ width: "15%" }}>
           <div className="progress p-0">
             <div
               className="progress-bar"
               role="progressbar"
               style={{
-              width: getProgress(workItem.workItem.plannedWork, workItem.workItem.completedWork),
+                width: getProgress(
+                  (NewWorkItem?.workItem?.plannedWork || workItem?.plannedWork),
+                (NewWorkItem?.workItem?.completedWork || workItem?.completedWork)
+                ),
                 height: "10px",
               }}
-            aria-valuenow={workItem.workItem ? workItem.workItem.completedWork : 0}
+              aria-valuenow={
+                hasWorkItem ? (NewWorkItem?.workItem?.completedWork || workItem?.completedWork)  : 0
+              }
               aria-valuemin="0"
-            aria-valuemax={workItem.workItem ? workItem.workItem.plannedWork : 0}
+              aria-valuemax={
+                hasWorkItem ?  (NewWorkItem?.workItem?.plannedWork || workItem?.plannedWork) : 0
+              }
             ></div>
           </div>
         </td>
-      <td>
+        {/* for greather than mobile view */}
+        <td className="d-none d-md-table-cell">
           <div className="dropdown">
-          {!projectId && (  <button
+            {!projectId && (
+              <button
                 aria-label="Modify"
                 type="button"
                 className="btn p-0"
@@ -81,7 +109,8 @@ const WorkItem = ( {workItem, forBuilding, forFloor, forWorkArea} ) =>{
                 onClick={openModal}
               >
                 <span className="badge bg-label-primary me-1">Assign</span>
-          </button>)}
+              </button>
+            )}
             <button
               aria-label="Modify"
               type="button"
@@ -98,6 +127,29 @@ const WorkItem = ( {workItem, forBuilding, forFloor, forWorkArea} ) =>{
             </button>
           </div>
         </td>
+        {/* for mobile view */}
+        <td className="text-end d-sm-none d-sm-table-cell">
+          <div className="d-flex align-items-center justify-content-center ">
+            <a
+              className={`btn btn-icon dropdown-toggle hide-arrow`}
+              data-bs-toggle="dropdown"
+            >
+              <i className="bx bx-dots-vertical-rounded bx-md"></i>
+            </a>
+
+            <div className="dropdown-menu dropdown-menu-end m-0">
+              {" "}
+              <a className="dropdown-item">
+                {" "}
+                <i className="bx bxs-edit me-2 text-primary"></i>Edit
+              </a>
+              <a className="dropdown-item">
+                {" "}
+                <i className="bx bx-trash me-1 text-danger"></i>Delete
+              </a>
+            </div>
+          </div>
+        </td>
       </tr>
     </>
   );

src/components/Project/ProjectInfra.jsx

@@ -134,7 +134,7 @@ const ProjectInfra = ({ data, activityMaster, onDataChange,eachSiteEngineer }) =
     // Handle the work area data
     else if ( entity.workArea )
     {  
-      debugger
+      
 
       let buildingId = infraObject[0].workArea.buildingId
 
@@ -172,38 +172,6 @@ const ProjectInfra = ({ data, activityMaster, onDataChange,eachSiteEngineer }) =
       setProject(updatedProject)
     }
     // Handle the task (workItem) data
-    else if (entity.workItem) {
-      const { buildingId, floorId, workAreaId, name, description } = entity.workItem;
-      const updatedBuildings = updatedProject.buildings.map((building) =>
-        building.id === buildingId
-          ? {
-              ...building,
-              floors: building.floors.map((floor) =>
-                floor.id === floorId
-                  ? {
-                      ...floor,
-                      workAreas: floor.workAreas.map((workArea) =>
-                        workArea.id === workAreaId
-                          ? {
-                              ...workArea,
-                              tasks: workArea.tasks.map((task) =>
-                                task.id === entity.workItem.id ? { ...task, name, description } : task
-                              ),
-                            }
-                          : workArea
-                      ),
-                    }
-                  : floor
-              ),
-            }
-          : building
-      );
-  
-      updatedProject.buildings = updatedBuildings;
-  
-    
-      cacheData("projectInfo", { projectId: updatedProject.id, data: updatedProject });
-    }
 
     else {
       console.error("Unsupported data type for submitData", entity);
@@ -277,15 +245,56 @@ const ProjectInfra = ({ data, activityMaster, onDataChange,eachSiteEngineer }) =
 
   };
 
-  const handleTaskModelFormSubmit = (updatedModel) => {
+  const handleTaskModelFormSubmit = ( updatedModel ) =>
+  {
     if (updatedModel.id == "") updatedModel.id = 0;
-
+    const updatedProject = { ...project };
 
     ProjectRepository.manageProjectTasks([updatedModel])
       .then((response) => {
         onDataChange("task-change");
         showToast("Details updated successfully.", "success");
-        setClearFormTrigger(true); 
+        // setClearFormTrigger( true ); 
+
+        
+        if (response?.data[0]) {
+          const { workItemId,workItem} = response.data[0];
+          const updatedBuildings = updatedProject.buildings.map((building) =>
+            building.id == updatedModel.buildingID
+              ? {
+                  ...building,
+                  floors: building.floors.map((floor) =>
+                    floor.id == updatedModel.floorId
+                      ? {
+                          ...floor,
+                          workAreas: floor.workAreas.map((workArea) =>
+                            workArea.id === workItem?.workAreaId
+                              ? {
+                                  ...workArea,
+                                  workItems: workArea.workItems.some((existingItem) => existingItem.workItemId === workItem.workItemId)
+                                  ? workArea.workItems  // If the workItemId already exists, keep the current workItems
+                                  : [...workArea.workItems, workItem],
+                                }
+                              : workArea
+                          ),
+                        }
+                      : floor
+                  ),
+                }
+              : building
+          );
+      
+          updatedProject.buildings = updatedBuildings;
+      
+        
+          cacheData( "projectInfo", {projectId: updatedProject.id, data: updatedProject} );
+          setProject(updatedProject)
+        }
+
+
+
+
+
       })
       .catch((error) => {
         showToast(error.message, "error");
@@ -456,7 +465,7 @@ const ProjectInfra = ({ data, activityMaster, onDataChange,eachSiteEngineer }) =
                     onClick={() => openTaskModel()}
                   >
                     <i className="bx bx-plus-circle me-2"></i>
-                    Manage Tasks
+                    Create Tasks
                   </button>
                 </div>
               </div>

src/repositories/ProjectRepository.jsx

@@ -16,7 +16,7 @@ const ProjectRepository = {
   manageProjectAllocation: ( data ) => api.post( "/api/project/allocation", data ),
   
   manageProjectInfra: (data) => api.post("/api/project/manage-infra", data),
-  manageProjectTasks: (data) => api.post("/api/project/manage-infra", data),
+  manageProjectTasks: (data) => api.post("/api/project/task", data),
 
   updateProject: (id, data) => api.put(`/api/project/update/${id}`, data),
   deleteProject: (id) => api.delete(`/projects/${id}`),