Remove Footer & Organization Banner in Live Monitoring

- Related to #6219
hotosm · Jan 25, 2024 · 66ed8a6 · 66ed8a6
1 parent beb3578
commit 66ed8a6
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 0 deletions.
diff --git a/frontend/src/components/footer/index.js b/frontend/src/components/footer/index.js
@@ -38,6 +38,7 @@ export function Footer() {
     'projects/:id/tasks',
     'projects/:id/map',
     'projects/:id/validate',
+    'projects/:id/live',
     'manage/organisations/new/',
     'manage/teams/new',
     'manage/campaigns/new',

diff --git a/frontend/src/views/projectLiveMonitoring.js b/frontend/src/views/projectLiveMonitoring.js
@@ -10,6 +10,7 @@ import {
   UnderpassValidationStats,
 } from '@hotosm/underpass-ui';
 import { Link } from 'react-router-dom';
+import { useDispatch } from 'react-redux';
 
 import { ProjectVisibilityBox } from '../components/projectDetail/visibilityBox';
 import { ProjectStatusBox } from '../components/projectDetail/statusBox';
@@ -89,6 +90,7 @@ const mappingTypesFeatureTypes = {
 
 export function ProjectLiveMonitoring() {
   const { id } = useParams();
+  const dispatch = useDispatch();
   const [coords, setCoords] = useState([0, 0]);
   const [activeFeature, setActiveFeature] = useState(null);
   const [tags, setTags] = useState('building');
@@ -170,6 +172,14 @@ export function ProjectLiveMonitoring() {
     }
   }, [project]);
 
+  // set organization bar visibility to false
+  useEffect(() => {
+    dispatch({ type: 'SET_VISIBILITY', isVisible: false });
+    return () => {
+      dispatch({ type: 'SET_VISIBILITY', isVisible: true });
+    };
+  }, [dispatch]);
+
   const hottheme = HOTTheme();
 
   const defaultMapStyle = {