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 );
@@ -21,6 +23,7 @@ const ProjectCard = ({ projectData, recall }) => {
     projectInfo?.id,false
   );
   const [showModal, setShowModal] = useState(false);
+  	  const  dispatch = useDispatch()
   const navigate = useNavigate();
   const ManageProject = useHasUserPermission(MANAGE_PROJECT);
   const {
@@ -57,6 +60,7 @@ const ProjectCard = ({ projectData, recall }) => {
   const handleClose = () => setShowModal(false);
 
   const handleViewProject = () => {
+    dispatch(setProjectId(projectInfo.id))
     navigate(`/projects/details`);
   };
 

src/pages/project/ProjectListView.jsx

@@ -20,9 +20,12 @@ 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 [projectInfo, setProjectInfo] = useState(projectData);
+    const dispatch = useDispatch()
   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})`