src/components/Project/Infrastructure/TaskModel.jsx

@@ -26,7 +26,7 @@ const TaskModel = ({
   activities,
   onSubmit,
   clearTrigger,
-  onClearComplete,onClose
+  onClearComplete,
 }) => {
   const [formData, setFormData] = useState(defaultModel);
   const [selectedBuilding, setSelectedBuilding] = useState(null);
@@ -124,7 +124,12 @@ const TaskModel = ({
       <div className="modal-content">
         <div className="modal-body">
           <div className="row">
-          <button type="button" className="btn-close" aria-label="Close" onClick={onClose}/>
+            <button
+              type="button"
+              className="btn-close"
+              data-bs-dismiss="modal"
+              aria-label="Close"
+            ></button>
             <div className="text-center mb-1">
               <h5 className="mb-1">Manage Task</h5>
             </div>
@@ -285,9 +290,10 @@ const TaskModel = ({
                   {formData.id !== "0" && formData.id !== "" ? "Edit Task" : "Add Task"}
                 </button>
                 <button
-                  type="button"
+                  type="reset"
                   className="btn btn-label-secondary"
-                  onClick={onClose}
+                  data-bs-dismiss="modal"
+                  aria-label="Close"
                 >
                   Cancel
                 </button>

src/components/Project/Infrastructure/WorkAreaModel.jsx

@@ -19,7 +19,7 @@ const defaultModel = {
   floorId: "0",
 };
 
-const WorkAreaModel = ({ project, onSubmit, clearTrigger, onClearComplete, onClose }) => {
+const WorkAreaModel = ({ project, onSubmit, clearTrigger, onClearComplete }) => {
   const [selectedBuilding, setSelectedBuilding] = useState(null);
   const [ selectedFloor, setSelectedFloor ] = useState( null );
   const [selectdWorkArea,setWorkArea] = useState()
@@ -111,7 +111,7 @@ const WorkAreaModel = ({ project, onSubmit, clearTrigger, onClearComplete, onClo
       <div className="modal-content">
         <div className="modal-body">
           <div className="row">
-          <button type="button" className="btn-close" aria-label="Close" onClick={onClose}/>
+            <button type="button" className="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
             <div className="text-center mb-1">
               <h5 className="mb-1">Manage Work Area</h5>
             </div>

src/components/Project/ProjectInfra.jsx

@@ -383,12 +383,10 @@ const ProjectInfra = ({ data, activityMaster, onDataChange,eachSiteEngineer }) =
 
       {isWorkAreaModelOpen && (
         <div
-          className="modal fade show"
+          className={`modal fade `}
           id="work-area-model"
           tabIndex="-1"
-          role="dialog"
+          aria-hidden="true"
-          style={{ display: 'block' }}
-          aria-hidden="false"
         >
           <WorkAreaModel
             project={data}
@@ -397,18 +395,16 @@ const ProjectInfra = ({ data, activityMaster, onDataChange,eachSiteEngineer }) =
             onSubmit={handleWorkAreaModelFormSubmit}
             clearTrigger={clearFormTrigger}
             onClearComplete={() => setClearFormTrigger(false)}
-          />
+          ></WorkAreaModel>
         </div>
       )}
 
       {isTaskModelOpen && (
         <div
-          className="modal fade show"
+          className={`modal fade `}
           id="task-model"
           tabIndex="-1"
-          role="dialog"
+          aria-hidden="true"
-          style={{ display: 'block' }}
-          aria-hidden="false"
         >
           <TaskModel
             project={data}
@@ -417,7 +413,7 @@ const ProjectInfra = ({ data, activityMaster, onDataChange,eachSiteEngineer }) =
             onSubmit={handleTaskModelFormSubmit}
             clearTrigger={clearFormTrigger}
             onClearComplete={() => setClearFormTrigger(false)}
-          />
+          ></TaskModel>
         </div>
       )}
 
@@ -446,15 +442,17 @@ const ProjectInfra = ({ data, activityMaster, onDataChange,eachSiteEngineer }) =
   type="button"
   className="link-button m-1"
   onClick={() => openFloorModel()}
-                  >
+>
   <i className="bx bx-plus-circle me-2"></i>
   Manage Floors
-                  </button>
+</button>
 
 
                   <button
                     type="button"
+                    data-bs-toggle="modal"
                     className="link-button m-1"
+                    data-bs-target="#work-area-model"
                     onClick={() => openWorkAreaModel()}
                   >
                     <i className="bx bx-plus-circle me-2"></i>
@@ -462,7 +460,9 @@ const ProjectInfra = ({ data, activityMaster, onDataChange,eachSiteEngineer }) =
                   </button>
                   <button
                     type="button"
+                    data-bs-toggle="modal"
                     className="link-button m-1"
+                    data-bs-target="#task-model"
                     onClick={() => openTaskModel()}
                   >
                     <i className="bx bx-plus-circle me-2"></i>

src/pages/employee/EmployeeList.jsx

@@ -325,7 +325,7 @@ const EmployeeList = () =>
                           <p>Loading...</p>
                         </td>
                       </tr>}
-                    {!loading && employeeList?.length === 0 && (<td colSpan={8} style={{ paddingTop: '20px', textAlign: 'center' }}>No Data Found</td> )}
+                    {( !loading && employeeList?.length === 0 ) && <td colSpan={8}>Not Data Found </td>}
                     {( !loading && employeeList && currentItems.length === 0 && employeeList.length !==0 ) && <td colSpan={8}><small className="muted">'{searchText}' employee not found</small> </td>}
               
                     {(currentItems && !loading) && currentItems.sort((a, b) => b.id - a.id).map((item) => (