link to project working

openkfw · Oct 16, 2024 · 83c5abe · 83c5abe
1 parent 5452ae3
commit 83c5abe
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 0 deletions.
diff --git a/frontend/src/pages/SubProjects/ProjectDetails.js b/frontend/src/pages/SubProjects/ProjectDetails.js
@@ -1,4 +1,5 @@
 import React from "react";
+import { Link } from "react-router-dom";
 import _isEmpty from "lodash/isEmpty";
 
 import BarChartIcon from "@mui/icons-material/BarChart";
@@ -77,6 +78,7 @@ const ProjectDetails = (props) => {
   const hasOpenSubprojects = !_isEmpty(subProjects.find((subproject) => subproject.data.status === "open"));
   const closeDisabled = !canClose || hasOpenSubprojects || projectStatus === "closed";
   const tags = displayTags(projectTags || []);
+
   return (
     <div className="project-details-container">
       <Card className="project-details-card">
@@ -89,6 +91,11 @@ const ProjectDetails = (props) => {
             ) : null}
             <ListItemText primary={trimSpecialChars(projectName)} secondary={projectComment} />
           </ListItem>
+          <ListItem>
+            <div>
+              <Link to={"/projects/25533d20cdbafa00182c13ca95842f96"}>CLICK</Link>
+            </div>
+          </ListItem>
           <ListItem>
             <ListItemAvatar>
               <Avatar>

diff --git a/frontend/src/pages/SubProjects/SubProjectContainer.js b/frontend/src/pages/SubProjects/SubProjectContainer.js
@@ -71,6 +71,16 @@ class SubProjectContainer extends Component {
   }
 
   componentDidUpdate(prevProps) {
+    if (this.props.router.location.pathname !== prevProps.router.location.pathname) {
+      const newProjectId = this.props.router.location.pathname.split("/")[2];
+      if (newProjectId !== this.projectId) {
+        this.setState({ isDataFetched: false });
+        this.projectId = newProjectId;
+        this.props.setSelectedView(this.projectId, "project");
+        this.props.fetchAllProjectDetails(this.projectId, true);
+        this.setState({ isDataFetched: true });
+      }
+    }
     const searchTermChanges = this.props.searchTerm !== prevProps.searchTerm;
     const projectsChange = !_isEqual(this.props.subProjects, prevProps.subProjects);