handled employee not avaible for project. employee list is empty

src/components/Project/MapUsers.jsx

@@ -101,12 +101,12 @@ const MapUsers = ({
     if (selected.length > 0) {
       console.log(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,8 +132,20 @@ const MapUsers = ({
             >
               <thead></thead>
               <tbody>
-                {loading && !employeesList && <p>Loading...</p>}
-                {filteredData.map((emp) => (
+                {loading && <p>Loading...</p>}
+
+                {!loading &&
+                  allocationEmployeesData.length === 0 &&
+                  filteredData.length === 0 && <p>No employees available.</p>}
+
+                {!loading &&
+                  allocationEmployeesData.length > 0 &&
+                  filteredData.length === 0 && (
+                    <p>No matching employees found.</p>
+                  )}
+
+                {filteredData.length > 0 &&
+                  filteredData.map((emp) => (
                     <AssignEmployeeTable
                       key={emp.id}
                       employee={emp}