feat projectDetails: dynamic project name display on document title

hotosm · Apr 2, 2024 · fc44804 · fc44804
1 parent 699ce89
commit fc44804
Showing 1 changed file with 8 additions and 0 deletions.
diff --git a/src/frontend/src/views/ProjectDetailsV2.tsx b/src/frontend/src/views/ProjectDetailsV2.tsx
@@ -80,6 +80,14 @@ const Home = () => {
   const taskModalStatus = CoreModules.useAppSelector((state) => state.project.taskModalStatus);
   const projectOpfsBasemapPath = useAppSelector((state) => state?.project?.projectOpfsBasemapPath);
 
+  useEffect(() => {
+    if (state.projectInfo.title) {
+      document.title = `${state.projectInfo.title} - HOT Field Mapping Tasking Manager`;
+    } else {
+      document.title = 'HOT Field Mapping Tasking Manager';
+    }
+  }, [state.projectInfo.title]);
+
   //snackbar handle close funtion
   const handleClose = (event, reason) => {
     if (reason === 'clickaway') {