src/components/Project/Team/Teams.jsx

@@ -93,20 +93,27 @@ const Teams = () => {
   };
 
   const filteredEmployees = useMemo(() => {
-    if (!projectEmployees || !searchTerm?.trim()) return projectEmployees;
+    if (!projectEmployees) return [];
 
+    let filtered = projectEmployees;
+
+    if (activeEmployee) {
+      filtered = projectEmployees.filter((emp) => !emp.isActive);
+    }
+
+    // Apply search filter if present
+    if (searchTerm?.trim()) {
       const lower = searchTerm.toLowerCase();
-
+      filtered = filtered.filter((emp) => {
-    return projectEmployees?.filter((emp) => {
+        const fullName = `${emp.firstName ?? ""} ${emp.lastName ?? ""}`.toLowerCase();
-      const fullName = `${emp.firstName ?? ""} ${
+        const jobRole = getJobRole(emp?.jobRoleId)?.toLowerCase();
-        emp.lastName ?? ""
+        return fullName.includes(lower) || jobRole.includes(lower);
-      }`.toLowerCase();
-
-      const joberole = getJobRole(emp?.jobRoleId)?.toLowerCase();
-
-      return fullName?.includes(lower) || joberole?.includes(lower);
       });
-  }, [projectEmployees, searchTerm]);
+    }
+
+    return filtered;
+  }, [projectEmployees, searchTerm, activeEmployee]);
+
   const handleSearch = (e) => setSearchTerm(e.target.value);
   const employeeHandler = useCallback(
     (msg) => {
@@ -317,7 +324,7 @@ const Teams = () => {
             {!employeeLodaing && filteredEmployees.length === 0 && (
               <div className="text-center text-muted py-3  d-flex justify-content-center align-items-center py-12">
                 <p>
-                  {!activeEmployee
+                  {activeEmployee
                     ? "No active employees assigned to the project"
                     : "No inactive employees assigned to the project"}
                 </p>