Merge branch 'Ashutosh_Enhancement#132_Int_To_Guid' of https://git.marcoaiot.com/admin/marco.pms.web into Ashutosh_Enhancement#132_Int_To_Guid
This commit is contained in:
commit
149b51c1c2
@ -2,26 +2,25 @@ import { useEffect, useState } from "react";
|
|||||||
import { cacheData, getCachedData } from "../slices/apiDataManager";
|
import { cacheData, getCachedData } from "../slices/apiDataManager";
|
||||||
import ProjectRepository from "../repositories/ProjectRepository";
|
import ProjectRepository from "../repositories/ProjectRepository";
|
||||||
import { useProfile } from "./useProfile";
|
import { useProfile } from "./useProfile";
|
||||||
import {useDispatch} from "react-redux";
|
import { useDispatch } from "react-redux";
|
||||||
import { setProjectId } from "../slices/localVariablesSlice";
|
import { setProjectId } from "../slices/localVariablesSlice";
|
||||||
|
|
||||||
export const useProjects = () =>
|
export const useProjects = () => {
|
||||||
{
|
const { profile } = useProfile();
|
||||||
const {profile} = useProfile()
|
|
||||||
const dispatch = useDispatch();
|
const dispatch = useDispatch();
|
||||||
const [projects, setProjects] = useState([]);
|
const [projects, setProjects] = useState([]);
|
||||||
const [loading, setLoading] = useState(false);
|
const [loading, setLoading] = useState(false);
|
||||||
const [error, setError] = useState("");
|
const [error, setError] = useState("");
|
||||||
|
|
||||||
|
const projects_cache = getCachedData("projectslist");
|
||||||
const fetchData = async () => {
|
const fetchData = async () => {
|
||||||
const projectIds = profile?.projects || [];
|
const projectIds = profile?.projects || [];
|
||||||
|
|
||||||
const filterProjects = (projectsList) => {
|
const filterProjects = (projectsList) => {
|
||||||
return projectsList
|
return projectsList
|
||||||
.filter((proj) => projectIds.includes(String(proj.id)))
|
.filter((proj) => projectIds.includes(String(proj.id)))
|
||||||
.sort((a, b) => a.name.localeCompare(b.name));
|
.sort((a, b) => a.name.localeCompare(b.name));
|
||||||
};
|
};
|
||||||
|
|
||||||
|
|
||||||
if (!projects_cache) {
|
if (!projects_cache) {
|
||||||
setLoading(true);
|
setLoading(true);
|
||||||
@ -30,7 +29,7 @@ export const useProjects = () =>
|
|||||||
const allProjects = response.data;
|
const allProjects = response.data;
|
||||||
const filtered = filterProjects(allProjects);
|
const filtered = filterProjects(allProjects);
|
||||||
setProjects(filtered);
|
setProjects(filtered);
|
||||||
cacheData("projectslist", allProjects);
|
cacheData("projectslist", allProjects);
|
||||||
} catch (err) {
|
} catch (err) {
|
||||||
setError("Failed to fetch data.");
|
setError("Failed to fetch data.");
|
||||||
} finally {
|
} finally {
|
||||||
@ -40,20 +39,15 @@ export const useProjects = () =>
|
|||||||
if (!projects.length) {
|
if (!projects.length) {
|
||||||
const filtered = filterProjects(projects_cache);
|
const filtered = filterProjects(projects_cache);
|
||||||
setProjects(filtered);
|
setProjects(filtered);
|
||||||
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
useEffect( () =>
|
useEffect(() => {
|
||||||
{
|
if (profile) {
|
||||||
if ( profile )
|
|
||||||
{
|
|
||||||
fetchData();
|
fetchData();
|
||||||
}
|
}
|
||||||
}, []);
|
}, [profile]);
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
return { projects, loading, error, refetch: fetchData };
|
return { projects, loading, error, refetch: fetchData };
|
||||||
};
|
};
|
||||||
|
Loading…
x
Reference in New Issue
Block a user