118 lines
3.3 KiB
JavaScript
118 lines
3.3 KiB
JavaScript
|
|
import React, { useState, useEffect } from "react";
|
|
import "../../components/Project/ProjectInfra.css";
|
|
|
|
import ProjectRepository from "../../repositories/ProjectRepository";
|
|
import Breadcrumb from "../../components/common/Breadcrumb";
|
|
import InfraPlanning from "../../components/Activities/InfraPlanning";
|
|
import { cacheData, getCachedData } from "../../slices/apiDataManager";
|
|
import { useProfile } from "../../hooks/useProfile";
|
|
import { useDispatch, useSelector } from "react-redux";
|
|
import { useProjectDetails, useProjects } from "../../hooks/useProjects";
|
|
import { setProjectId } from "../../slices/localVariablesSlice";
|
|
|
|
|
|
const TaskPlannng = () => {
|
|
|
|
const {profile} = useProfile();
|
|
const {projects,loading:project_listLoader,error:projects_error} = useProjects();
|
|
const dispatch = useDispatch();
|
|
const selectedProject = useSelector((store)=>store.localVariables.projectId);
|
|
console.log(selectedProject)
|
|
|
|
const [project, setProject] = useState(null);
|
|
const [projectDetails, setProjectDetails] = useState(null);
|
|
const [activities, setActivities] = useState(null);
|
|
|
|
const [loading, setLoading] = useState(true);
|
|
const [error, setError] = useState("");
|
|
|
|
const fetchActivities = async () => {
|
|
try {
|
|
const activities_cache = getCachedData("activitiesMaster");
|
|
|
|
if (!activities_cache) {
|
|
ActivityeRepository.getActivities()
|
|
.then((response) => {
|
|
setActivities(response.data);
|
|
cacheData("activitiesMaster", response.data);
|
|
})
|
|
.catch((error) => {
|
|
setError("Failed to fetch data.");
|
|
});
|
|
} else {
|
|
setActivities(activities_cache);
|
|
}
|
|
} catch (err) {
|
|
setError("Failed to fetch activities.");
|
|
} finally {
|
|
// setLoading(false);
|
|
}
|
|
};
|
|
|
|
const fetchData = async () => {
|
|
try {
|
|
const project_cache = getCachedData("projectInfo");
|
|
if (!project_cache || !project_cache.projectId == selectedProject) {
|
|
ProjectRepository.getProjectByprojectId(selectedProject)
|
|
.then((response) => {
|
|
setProjectDetails(response);
|
|
setProject( response );
|
|
cacheData("projectInfo",{data:response.data,projectId:selectedProject})
|
|
})
|
|
.catch((error) => {
|
|
console.error(error);
|
|
setError("Failed to fetch data.");
|
|
});
|
|
} else {
|
|
setProjectDetails(project_cache);
|
|
}
|
|
} catch (err) {
|
|
console.log(err)
|
|
setError("Failed to fetch data.");
|
|
} finally {
|
|
setLoading(false);
|
|
}
|
|
};
|
|
|
|
const [activePill, setActivePill] = useState("profile");
|
|
|
|
const handlePillClick = (pillKey) => {
|
|
setActivePill(pillKey);
|
|
};
|
|
|
|
const handleDataChange = (data) => {
|
|
|
|
fetchData();
|
|
};
|
|
|
|
useEffect(() => {
|
|
if((projects.length != 0)){
|
|
fetchData();
|
|
fetchActivities();
|
|
}
|
|
}, [selectedProject]);
|
|
|
|
|
|
return (
|
|
<>
|
|
<div className="container-xxl flex-grow-1 container-p-y">
|
|
<Breadcrumb
|
|
data={[
|
|
{ label: "Home", link: "/dashboard" },
|
|
{ label: "Daily Task Planning", link: "/task" },
|
|
|
|
]}
|
|
></Breadcrumb>
|
|
<InfraPlanning
|
|
data={projectDetails}
|
|
activityMaster={activities}
|
|
onDataChange={handleDataChange}
|
|
/>
|
|
</div>
|
|
</>
|
|
);
|
|
};
|
|
|
|
export default TaskPlannng;
|