diff --git a/src/components/Activities/InfraPlanning.jsx b/src/components/Activities/InfraPlanning.jsx index b38316d7..b87b7fe2 100644 --- a/src/components/Activities/InfraPlanning.jsx +++ b/src/components/Activities/InfraPlanning.jsx @@ -8,76 +8,97 @@ import WorkAreaModel from "../Project/Infrastructure/WorkAreaModel"; import TaskModel from "../Project/Infrastructure/TaskModel"; import ProjectRepository from "../../repositories/ProjectRepository"; import Breadcrumb from "../../components/common/Breadcrumb"; -import {useProjectDetails, useProjects} from "../../hooks/useProjects"; -import {useHasUserPermission} from "../../hooks/useHasUserPermission"; -import {MANAGE_PROJECT_INFRA} from "../../utils/constants"; -import {useDispatch, useSelector} from "react-redux"; -import {useProfile} from "../../hooks/useProfile"; -import {refreshData, setProjectId} from "../../slices/localVariablesSlice"; +import { useProjectDetails, useProjects } from "../../hooks/useProjects"; +import { useHasUserPermission } from "../../hooks/useHasUserPermission"; +import { MANAGE_PROJECT_INFRA } from "../../utils/constants"; +import { useDispatch, useSelector } from "react-redux"; +import { useProfile } from "../../hooks/useProfile"; +import { refreshData, setProjectId } from "../../slices/localVariablesSlice"; import InfraTable from "../Project/Infrastructure/InfraTable"; -const InfraPlanning = () => -{ - const {profile: LoggedUser} = useProfile() +const InfraPlanning = () => { + const { profile: LoggedUser } = useProfile() const dispatch = useDispatch() - const {projects,loading:project_listLoader,error:projects_error} = useProjects() + const { projects, loading: project_listLoader, error: projects_error } = useProjects() - const selectedProject = useSelector((store)=>store.localVariables.projectId) - const ManageInfra = useHasUserPermission( MANAGE_PROJECT_INFRA ) - const {projects_Details, loading: project_deatilsLoader, error: project_error,refetch} = useProjectDetails( selectedProject ) - const reloadedData = useSelector( ( store ) => store.localVariables.reload ) - - useEffect( () => - { + const selectedProject = useSelector((store) => store.localVariables.projectId) + const ManageInfra = useHasUserPermission(MANAGE_PROJECT_INFRA) + const { projects_Details, loading: project_deatilsLoader, error: project_error, refetch } = useProjectDetails(selectedProject) + const reloadedData = useSelector((store) => store.localVariables.reload) + + useEffect(() => { dispatch(setProjectId(projects[0]?.id)) - }, [ projects ] ) - - useEffect( () => - { - if (reloadedData) - { - refetch() - dispatch( refreshData( false ) ) - } + }, [projects]) - },[reloadedData]) + useEffect(() => { + if (reloadedData) { + refetch() + dispatch(refreshData(false)) + } + + }, [reloadedData]) return (
Loading...
)} - {( !project_deatilsLoader && projects_Details?.buildings.length === 0 ) && (No Result Found
)} - + {project_deatilsLoader && (Loading...
)} + {(!project_deatilsLoader && projects_Details?.buildings.length === 0) && (No Result Found
)} - - {(!project_deatilsLoader && projects_Details?.buildings?.length > 0) && (