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

React Query Integration for Server State Sync in Clinet #245

Merged
admin merged 60 commits from react-query into main 2025-07-11 11:32:19 +00:00
Conversation 0 Commits 60 Files Changed 66 +3 -61
1 changed files with 3 additions and 61 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit e24b873677 - Show all commits

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

@ -29,7 +29,6 @@ const Teams = () =>
const [filteredEmployees, setFilteredEmployees] = useState([]);
const [removingEmployeeId, setRemovingEmployeeId] = useState(null);
const [assignedLoading, setAssignedLoading] = useState(false);
// const [ employeeLodaing, setEmployeeLoading ] = useState( false );
const [ activeEmployee, setActiveEmployee ] = useState( true )
const [deleteEmployee,setDeleteEmplyee] = useState(null)
@ -45,7 +44,6 @@ const {
isError,
} = useManageProjectAllocation({
onSuccessCallback: () => {
// Example: UI reset
setRemovingEmployeeId(null);
setAssignedLoading(false);
setDeleteEmplyee(null);
@ -57,61 +55,7 @@ const {
});
// const fetchEmployees = async () => {
// try {
// setEmployeeLoading(true);
// // if (!empRoles) {
// ProjectRepository.getProjectAllocation(project.id)
// .then((response) => {
// setEmployees(response.data);
// setFilteredEmployees( response.data.filter( ( emp ) => emp.isActive ) );
// setEmployeeLoading(false);
// })
// .catch((error) => {
// setError("Failed to fetch data.");
// setEmployeeLoading(false);
// });
// } catch (err) {
// setError("Failed to fetch activities.");
// }
// };
// const submitAllocations = (items,added) => {
// ProjectRepository.manageProjectAllocation(items)
// .then((response) => {
// fetchEmployees();
// if ( added )
// {
// showToast("Employee Assigned Successfully", "success");
// }else{
// showToast("Removed Employee Successfully", "success");
// }
// setRemovingEmployeeId(null);
// setAssignedLoading( false );
// setDeleteEmplyee( null )
// closeDeleteModal()
// })
// .catch((error) => {
// const message = error.response.data.message || error.message || "Error Occured during Api Call";
// showToast( message, "error" );
// closeDeleteModal()
// });
// };
// const removeAllocation = (item) => {
// setRemovingEmployeeId(item.id);
// submitAllocations([
// {
// empID: item.employeeId,
// jobRoleId: item.jobRoleId,
// projectId: project.id,
// status: false,
// },
// ] ,false);
// };
const removeAllocation = (item) => {
setRemovingEmployeeId(item.id);
@ -120,7 +64,7 @@ const {
{
empID: item.employeeId,
jobRoleId: item.jobRoleId,
projectId: project.id,
projectId: projectId,
status: false,
},
],
@ -133,18 +77,16 @@ const {
return {
empID: item.empID,
jobRoleId: item.jobRoleId,
projectId: project.id,
projectId: projectId,
status: true,
};
});
submitAllocations({ items, added: true });
// Force switch to active view after assignment
setActiveEmployee(true);
setFilteredEmployees(employees.filter((emp) => emp.isActive));
// Also update dropdown select if needed
const dropdown = document.querySelector('select[name="DataTables_Table_0_length"]');
if (dropdown) dropdown.value = "true";
};