src/components/Project/MapUsers.jsx

@@ -100,13 +100,13 @@ const MapUsers = ({
       .map((emp) => ({ empID: emp.id, jobRoleId: emp.jobRoleId }));
     if (selected.length > 0) {
       console.log(selected);
-      onSubmit( selected );
+      onSubmit(selected);
-      setSelectedEmployees([])
+      setSelectedEmployees([]);
     } else {
       showToast("Please select Employee", "error");
     }
   };
-
+console.log(allocationEmployeesData)
   return (
     <>
       <div className="modal-dialog modal-dialog-scrollable mx-sm-auto mx-1 modal-lg modal-simple modal-edit-user">
@@ -132,17 +132,29 @@ const MapUsers = ({
             >
               <thead></thead>
               <tbody>
-                {loading && !employeesList && <p>Loading...</p>}
+                {loading && <p>Loading...</p>}
-                {filteredData.map((emp) => (
+
-                  <AssignEmployeeTable
+                {!loading &&
-                    key={emp.id}
+                  allocationEmployeesData.length === 0 &&
-                    employee={emp}
+                  filteredData.length === 0 && <p>No employees available.</p>}
-                    jobRoles={empJobRoles}
+
-                    isChecked={emp.isSelected}
+                {!loading &&
-                    onRoleChange={handleRoleChange}
+                  allocationEmployeesData.length > 0 &&
-                    onCheckboxChange={handleCheckboxChange}
+                  filteredData.length === 0 && (
-                  />
+                    <p>No matching employees found.</p>
-                ))}
+                  )}
+
+                {filteredData.length > 0 &&
+                  filteredData.map((emp) => (
+                    <AssignEmployeeTable
+                      key={emp.id}
+                      employee={emp}
+                      jobRoles={empJobRoles}
+                      isChecked={emp.isSelected}
+                      onRoleChange={handleRoleChange}
+                      onCheckboxChange={handleCheckboxChange}
+                    />
+                  ))}
               </tbody>
             </table>
           </div>