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

handled local project selection independently to avoid mutating global state

Browse Source
This commit is contained in:
Pramod Mahajan 2025-06-10 16:08:30 +05:30
parent c1da916ca7
commit 488a92e5d1
1 changed files with 37 additions and 33 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

70
src/pages/employee/EmployeeList.jsx
View File

@ -22,10 +22,11 @@ import {
import EmployeeRepository from "../../repositories/EmployeeRepository";
import ManageEmployee from "../../components/Employee/ManageEmployee";
import ConfirmModal from "../../components/common/ConfirmModal";
import {useSelector} from "react-redux";
const EmployeeList = () => {
const { profile: loginUser } = useProfile();
const [selectedProject, setSelectedProject] = useState("");
const selectedProjectId = useSelector((store) => store.localVariables.projectId);
const [ selectedProject, setSelectedProject ] = useState( () => selectedProjectId || "" );
const { projects, loading: projectLoading } = useProjects();
const [showInactive, setShowInactive] = useState(false);
const Manage_Employee = useHasUserPermission(MANAGE_EMPLOYEES);
@ -164,7 +165,7 @@ const EmployeeList = () => {
exportToExcel(currentItems, "employees");
break;
case "pdf":
exportToPDF(currentItems, "employees"); // Pass the employeeList directly
exportToPDF(currentItems, "employees");
break;
case "print":
printTable(tableRef.current);
@ -190,6 +191,14 @@ const EmployeeList = () => {
setIsDeleteModalOpen(true);
};
const handleProjectSelection = (e) => {
setSelectedProject(e.target.value);
};
useEffect(() => {
setSelectedProject(selectedProjectId || "");
}, [selectedProjectId]);
return (
<>
{isCreateModalOpen && (
@ -262,36 +271,31 @@ const EmployeeList = () => {
className="dataTables_length text-start"
id="DataTables_Table_0_length"
>
<label>
<select
id="project-select"
onChange={(e) => setSelectedProject(e.target.value)}
name="DataTables_Table_0_length"
aria-controls="DataTables_Table_0"
className="form-select form-select-sm"
value={selectedProject || ""}
>
{projectLoading ? (
<option value="Loading">Loading...</option>
) : (
<>
<option value="">All Employees</option>
{Array.isArray(projects) &&
projects
.filter((item) =>
loginUser?.projects?.includes(
String(item.id)
)
)
.map((item) => (
<option key={item.id} value={item.id}>
{item.name}
</option>
))}
</>
)}
</select>
</label>
<label>
<select
id="project-select"
onChange={handleProjectSelection}
name="DataTables_Table_0_length"
aria-controls="DataTables_Table_0"
className="form-select form-select-sm"
value={selectedProject}
>
{projectLoading ? (
<option value="Loading">Loading...</option>
) : (
<>
<option value="">All Employees</option>
{Array.isArray(projects) &&
projects.map((item) => (
<option key={item.id} value={item.id}>
{item.name}
</option>
))}
</>
)}
</select>
</label>
</div>
</div>
</div>