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

fixed useEmployeeRoles to return [] when employee has no roles and some changed for fetching logic to use async/await

Browse Source
This commit is contained in:
Pramod Mahajan 2025-04-30 00:03:08 +05:30
parent 75507707c0
commit ee2d44b5fc
1 changed files with 134 additions and 168 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

228
src/hooks/useEmployees.js
View File

@ -4,185 +4,159 @@ import { RolesRepository } from "../repositories/MastersRepository";
import EmployeeRepository from "../repositories/EmployeeRepository"; import EmployeeRepository from "../repositories/EmployeeRepository";
import ProjectRepository from "../repositories/ProjectRepository"; import ProjectRepository from "../repositories/ProjectRepository";
export const useAllEmployees = () => {
export const useAllEmployees = () =>
{
const [employeesList, setEmployeeList] = useState([]); const [employeesList, setEmployeeList] = useState([]);
const [ loading, setLoading ] = useState( false ) const [loading, setLoading] = useState(false);
const [ error, setError ] = useState() const [error, setError] = useState();
const fetchData = async () => const fetchData = async () => {
try {
{ let EmployeeList_cached = getCachedData("AllEmployees");
try if (!EmployeeList_cached) {
{ setLoading(true);
let EmployeeList_cached = getCachedData( "AllEmployees" )
if ( ! EmployeeList_cached )
{
setLoading(true)
const response = await EmployeeRepository.getAllEmployeeList(); const response = await EmployeeRepository.getAllEmployeeList();
cacheData( "AllEmployees", response.data ) cacheData("AllEmployees", response.data);
setEmployeeList(response.data) setEmployeeList(response.data);
} else } else {
{ setEmployeeList(EmployeeList_cached);
setEmployeeList( EmployeeList_cached ) setLoading(false);
setLoading(false)
}
} catch ( error )
{
console.error(error);
setError( "Failed to fetch data." );
setLoading(false)
} }
} catch (error) {
setError("Failed to fetch data.");
setLoading(false);
} }
};
useEffect(() => {
fetchData();
}, []);
return { employeesList, loading, error };
};
useEffect( () => export const useEmployees = (selectedProject) => {
{
fetchData()
}, [] )
return {employeesList,loading,error}
}
export const useEmployees =(selectedProject)=>{
const [employees, setEmployeeList] = useState([]); const [employees, setEmployeeList] = useState([]);
const[loading,setLoading] = useState(true) const [loading, setLoading] = useState(true);
const [projects, setProjects] = useState([]); const [projects, setProjects] = useState([]);
const fetchData = async (projectid) => { const fetchData = async (projectid) => {
try { try {
let EmployeeByProject_Cache = getCachedData("employeeListByProject") let EmployeeByProject_Cache = getCachedData("employeeListByProject");
if(!EmployeeByProject_Cache || !EmployeeByProject_Cache.projectId === projectid) { if (
!EmployeeByProject_Cache ||
!EmployeeByProject_Cache.projectId === projectid
) {
EmployeeRepository.getEmployeeListByproject(projectid) EmployeeRepository.getEmployeeListByproject(projectid)
.then((response) => { .then((response) => {
setEmployeeList(response); setEmployeeList(response);
cacheData("employeeListByProject",{data:response,projectId:projectid}); cacheData("employeeListByProject", {
data: response,
projectId: projectid,
});
}) })
.catch((error) => { .catch((error) => {
setError("Failed to fetch data."); setError("Failed to fetch data.");
}); });
} else {
}else{ setEmployeeList(EmployeeByProject_Cache.data);
setEmployeeList(EmployeeByProject_Cache.data)
} }
setLoading(false) setLoading(false);
} catch (err) { } catch (err) {
setError("Failed to fetch data."); setError("Failed to fetch data.");
setLoading(false) setLoading(false);
} }
}; };
useEffect(() => {
useEffect(()=>{ if (selectedProject) {
if(selectedProject){
fetchData(selectedProject); fetchData(selectedProject);
} }
},[selectedProject]) }, [selectedProject]);
return { employees, loading, projects, reCallAllEmployee };
};
return {employees,loading,projects,reCallAllEmployee} export const useEmployeeRoles = (employeeId) => {
} const [loading, setLoading] = useState(true);
const [error, setError] = useState();
export const useEmployeeRoles = (employeeId)=>{ const [employeeRoles, setEmployeeRoles] = useState([]);
const [loading,setLoading] = useState(true)
const[error, setError] =useState()
const [employeeRoles,setEmployeeRoles] = useState([])
const fetchData = async (employeeid) => { const fetchData = async (employeeid) => {
try { try {
RolesRepository.getEmployeeRoles(employeeid) let response = await RolesRepository.getEmployeeRoles(employeeid);
.then((response) => {
setEmployeeRoles(response.data); setEmployeeRoles(response.data);
cacheData("employeelist", response.data); cacheData("employeelist", response.data);
})
.catch((error) => {
setError("Failed to fetch data.");
});
} catch (err) { } catch (err) {
setError("Failed to fetch data."); setError("Failed to fetch data.");
setEmployeeRoles([]);
} finally { } finally {
setLoading(false); setLoading(false);
} }
}; };
useEffect(() => {
useEffect( () => if (employeeId) {
{
if ( employeeId )
{
fetchData(employeeId); fetchData(employeeId);
} }
},[employeeId]) }, [employeeId]);
return { employeeRoles, loading, error };
};
return {employeeRoles,loading,error} export const useEmployeesByProject = (projectId) => {
} const [loading, setLoading] = useState(false);
const [error, setError] = useState();
const [employees, setEmployees] = useState([]);
export const useEmployeesByProject=(projectId)=>{
const [loading,setLoading] = useState(false)
const[error, setError] =useState()
const [employees,setEmployees] = useState([])
const fetchData = async () => { const fetchData = async () => {
const Employees_cache = getCachedData("employeeListByProject"); const Employees_cache = getCachedData("employeeListByProject");
if(!Employees_cache || Employees_cache.projectId !== projectId){ if (!Employees_cache || Employees_cache.projectId !== projectId) {
setEmployees(true);
setEmployees(true)
ProjectRepository.getEmployeesByProject(projectId) ProjectRepository.getEmployeesByProject(projectId)
.then( ( response ) => .then((response) => {
{
setEmployees(response.data); setEmployees(response.data);
cacheData("employeeListByProject", { data: response.data, projectId }) cacheData("employeeListByProject", {
setLoading(false) data: response.data,
projectId,
});
setLoading(false);
}) })
.catch((error) => { .catch((error) => {
setError("Failed to fetch data."); setError("Failed to fetch data.");
setLoading(false) setLoading(false);
}); });
} else {
}else{ setEmployees(Employees_cache.data);
setEmployees(Employees_cache.data) setLoading(false);
setLoading(false)
} }
}; };
useEffect(() => {
useEffect(()=>{
fetchData(projectId); fetchData(projectId);
},[projectId]) }, [projectId]);
return {employees,loading,error,recallProjectEmplloyee:fetchData}
}
return { employees, loading, error, recallProjectEmplloyee: fetchData };
};
export const useEmployeesAllOrByProjectId = (projectId) => { export const useEmployeesAllOrByProjectId = (projectId) => {
const [employees, setEmployees] = useState([]); const [employees, setEmployees] = useState([]);
const [loading, setLoading] = useState(false); const [loading, setLoading] = useState(false);
const [error, setError] = useState(null); const [error, setError] = useState(null);
const fetchData = async () => const fetchData = async () => {
{
if (projectId) { if (projectId) {
const Employees_cache = getCachedData("employeeListByProject"); const Employees_cache = getCachedData("employeeListByProject");
if (!Employees_cache || Employees_cache.projectId !== projectId) { if (!Employees_cache || Employees_cache.projectId !== projectId) {
setLoading(true); setLoading(true);
setError(null); setError(null);
try { try {
const response = await ProjectRepository.getEmployeesByProject(projectId); const response = await ProjectRepository.getEmployeesByProject(
projectId
);
setEmployees(response.data); setEmployees(response.data);
cacheData("employeeListByProject", { data: response.data, projectId }); cacheData("employeeListByProject", {
data: response.data,
projectId,
});
setLoading(false); setLoading(false);
} catch (err) { } catch (err) {
setError("Failed to fetch data."); setError("Failed to fetch data.");
@ -193,7 +167,6 @@ export const useEmployeesAllOrByProjectId = (projectId) => {
setLoading(false); setLoading(false);
} }
} else { } else {
const employeesCache = getCachedData("allEmployeeList"); const employeesCache = getCachedData("allEmployeeList");
if (!employeesCache) { if (!employeesCache) {
@ -228,42 +201,35 @@ export const useEmployeesAllOrByProjectId = (projectId) => {
}; };
}; };
export const useEmployeeProfile = (employeeId) => {
const [loading, setLoading] = useState(true);
const [error, setError] = useState();
const [employee, setEmployees] = useState();
export const useEmployeeProfile =(employeeId)=>{
const [loading,setLoading] = useState(true)
const[error, setError] =useState()
const [employee,setEmployees] = useState()
const fetchData = async () => { const fetchData = async () => {
const Employee_cache = getCachedData("employeeProfile"); const Employee_cache = getCachedData("employeeProfile");
if(!Employee_cache || Employee_cache.employeeId !== employeeId){ if (!Employee_cache || Employee_cache.employeeId !== employeeId) {
EmployeeRepository.getEmployeeProfile(employeeId) EmployeeRepository.getEmployeeProfile(employeeId)
.then((response) => { .then((response) => {
setEmployees(response.data); setEmployees(response.data);
cacheData("employeeProfile", { data: response.data, employeeId }) cacheData("employeeProfile", { data: response.data, employeeId });
setLoading(false) setLoading(false);
}) })
.catch((error) => { .catch((error) => {
setError("Failed to fetch data."); setError("Failed to fetch data.");
setLoading(false) setLoading(false);
}); });
} else {
}else{ setEmployees(Employee_cache.data);
setEmployees(Employee_cache.data) setLoading(false);
setLoading(false)
} }
}; };
useEffect(()=>{ useEffect(() => {
if(employeeId){ if (employeeId) {
fetchData(employeeId); fetchData(employeeId);
} }
},[employeeId]) }, [employeeId]);
return {employee,loading,error} return { employee, loading, error };
};
}