src/components/Project/ProjectCard.jsx

@@ -14,13 +14,13 @@ import {
   getProjectStatusName,
 } from "../../utils/projectStatus";
 import GlobalModel from "../common/GlobalModel";
-import { useDispatch } from "react-redux";
+	import { useDispatch } from "react-redux";
 import { setProjectId } from "../../slices/localVariablesSlice";
 
 const ProjectCard = ({ projectData, recall }) => {
-  const [projectInfo, setProjectInfo] = useState(projectData);
+  const [ projectInfo, setProjectInfo ] = useState( projectData );
  const { projects_Details, loading, error, refetch } = useProjectDetails(
-    projectInfo?.id, false
+    projectInfo?.id,false
   );
   const [showModal, setShowModal] = useState(false);
   	  const  dispatch = useDispatch()
@@ -37,9 +37,9 @@ const ProjectCard = ({ projectData, recall }) => {
    },
  })
 
-  useEffect(() => {
+  useEffect(()=>{
     setProjectInfo(projectData);
-  }, [projectData])
+  }, [ projectData ] )
 
    const handleShow = async () => {
     try {
@@ -63,10 +63,6 @@ const ProjectCard = ({ projectData, recall }) => {
     dispatch(setProjectId(projectInfo.id))
     navigate(`/projects/details`);
   };
-  const handleViewActivities = () => {
-    dispatch(setProjectId(projectInfo.id))
-    navigate(`/activities/records?project=${projectInfo.id}`);
-  };
 
   const handleFormSubmit = (updatedProject) => {
   if (projectInfo?.id) {
@@ -75,7 +71,7 @@ const ProjectCard = ({ projectData, recall }) => {
       updatedData: updatedProject,
     });
   }
-  };
+};
 
   return (
     <>
@@ -161,7 +157,11 @@ const ProjectCard = ({ projectData, recall }) => {
                       </a>
                     </li>
                     <li
-                      onClick={handleViewActivities}
+                      onClick={() =>
+                        navigate(
+                          `/activities/records?project=${projectInfo.id}`
+                        )
+                      }
                     >
                       <a className="dropdown-item">
                         <i className="bx bx-task me-2"></i>

src/pages/project/ProjectListView.jsx

@@ -69,11 +69,6 @@ const ProjectListView = ({ projectData, recall }) => {
     navigate(`/projects/details`);
   };
 
-  const handleViewActivities = () => {
-    dispatch(setProjectId(projectInfo.id))
-    navigate(`/activities/records?project=${projectInfo.id}`);
-  };
-
   const handleFormSubmit = (updatedProject) => {
     if (projectInfo?.id) {
       updateProject({
@@ -188,7 +183,9 @@ const ProjectListView = ({ projectData, recall }) => {
                 </a>
               </li>
               <li
-                onClick={handleViewActivities}
+                onClick={() =>
+                  navigate(`/activities/records?project=${projectInfo.id}`)
+                }
               >
                 <a className="dropdown-item">
                   <i className="bx bx-task me-2"></i>