src/components/Project/ProjectCard.jsx

@@ -14,6 +14,8 @@ import {
   getProjectStatusName,
 } from "../../utils/projectStatus";
 import GlobalModel from "../common/GlobalModel";
+import { useDispatch } from "react-redux";
+import { setProjectId } from "../../slices/localVariablesSlice";
 
 const ProjectCard = ({ projectData, recall }) => {
   const [ projectInfo, setProjectInfo ] = useState( projectData );
@@ -22,6 +24,7 @@ const ProjectCard = ({ projectData, recall }) => {
   );
   const [showModal, setShowModal] = useState(false);
   const navigate = useNavigate();
+  const  dispatch = useDispatch()
   const ManageProject = useHasUserPermission(MANAGE_PROJECT);
   const {
    mutate: updateProject,
@@ -57,6 +60,7 @@ const ProjectCard = ({ projectData, recall }) => {
   const handleClose = () => setShowModal(false);
 
   const handleViewProject = () => {
+    dispatch(setProjectId(projectInfo.id))
     navigate(`/projects/details`);
   };
 
@@ -71,7 +75,6 @@ const ProjectCard = ({ projectData, recall }) => {
 
   return (
     <>
-    
       {showModal && projects_Details && (
         <GlobalModel isOpen={showModal} closeModal={handleClose}>
              <ManageProjectInfo

src/pages/project/ProjectListView.jsx

@@ -20,8 +20,11 @@ import showToast from "../../services/toastService";
 import { getCachedData, cacheData } from "../../slices/apiDataManager";
 import GlobalModel from "../../components/common/GlobalModel";
 import {formatNumber} from "../../utils/dateUtils";
+import { setProjectId } from "../../slices/localVariablesSlice";
+import { useDispatch } from "react-redux";
 
 const ProjectListView = ({ projectData, recall }) => {
+  const dispatch = useDispatch()
   const [projectInfo, setProjectInfo] = useState(projectData);
   const { projects_Details, loading, error, refetch } = useProjectDetails(
     projectInfo?.id,false
@@ -89,7 +92,10 @@ const ProjectListView = ({ projectData, recall }) => {
         <td className="text-start" colSpan={5}>
           <span
             className="text-primary cursor-pointer"
-            onClick={() => navigate(`/projects/details`)}
+            onClick={() => {
+              dispatch(setProjectId(projectInfo.id))
+              navigate(`/projects/details`)
+            }}
           >
             {projectInfo.shortName
               ? `${projectInfo.name} (${projectInfo.shortName})`