admin/marco.pms.web
1
0
Fork 0
Code Issues Pull Requests 2 Actions Packages Projects Releases Wiki Activity

Adding search funcionality in Teams for Organization and Services.

Browse Source
This commit is contained in:
Kartik Sharma 2025-09-20 19:37:47 +05:30
parent a0f7e5c57b
commit b2d7349fc9
1 changed files with 25 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

46
src/components/Project/Teams.jsx
View File

@ -154,31 +154,35 @@ const Teams = () => {
setEmpJobRoles(data); setEmpJobRoles(data);
} }
}, [data]); }, [data]);
const filterAndSearchEmployees = useCallback(() => {
const statusFiltered = employees.filter((emp) =>
activeEmployee ? emp.isActive : !emp.isActive
);
const filterAndSearchEmployees = useCallback(() => { if (searchTerm === "") {
const statusFiltered = employees.filter((emp) => setFilteredEmployees(statusFiltered);
activeEmployee ? emp.isActive : !emp.isActive return;
}
const lowercasedSearchTerm = searchTerm.toLowerCase();
const searchedAndFiltered = statusFiltered.filter((item) => {
const fullName = `${item.firstName} ${item.middleName} ${item.lastName}`.toLowerCase();
const roleName = getRole(item.jobRoleId).toLowerCase();
const orgName = (item.organizationName || "").toLowerCase();
const serviceName = (item.serviceName || "").toLowerCase();
return (
fullName.includes(lowercasedSearchTerm) ||
roleName.includes(lowercasedSearchTerm) ||
orgName.includes(lowercasedSearchTerm) ||
serviceName.includes(lowercasedSearchTerm)
); );
});
if (searchTerm === "") { setFilteredEmployees(searchedAndFiltered);
setFilteredEmployees(statusFiltered); }, [employees, activeEmployee, searchTerm, getRole]);
return;
}
const lowercasedSearchTerm = searchTerm.toLowerCase();
const searchedAndFiltered = statusFiltered.filter((item) => {
const fullName =
`${item.firstName} ${item.middleName} ${item.lastName}`.toLowerCase();
const roleName = getRole(item.jobRoleId).toLowerCase();
return (
fullName.includes(lowercasedSearchTerm) ||
roleName.includes(lowercasedSearchTerm)
);
});
setFilteredEmployees(searchedAndFiltered);
}, [employees, activeEmployee, searchTerm, getRole]);
useEffect(() => { useEffect(() => {
filterAndSearchEmployees(); filterAndSearchEmployees();