DBC22-1117: updated page titles

bcgov · Feb 14, 2024 · ce71c05 · ce71c05
1 parent c6493e8
commit ce71c05
Show file tree

Hide file tree

Showing 9 changed files with 18 additions and 0 deletions.
diff --git a/src/frontend/src/pages/AdvisoriesListPage.js b/src/frontend/src/pages/AdvisoriesListPage.js
@@ -19,6 +19,8 @@ import PageHeader from '../PageHeader';
 import './AdvisoriesListPage.scss';
 
 export default function AdvisoriesListPage() {
+  document.title = 'DriveBC - Advisories';
+
   // Redux
   const dispatch = useDispatch();
   const { advisories } = useSelector(useCallback(memoize(state => ({

diff --git a/src/frontend/src/pages/AdvisoryDetailsPage.js b/src/frontend/src/pages/AdvisoryDetailsPage.js
@@ -162,6 +162,8 @@ export default function AdvisoryDetailsPage() {
     fitMap(advisoryData);
 
     isInitialMount.current = false;
+
+    document.title = `DriveBC - Advisories - ${advisoryData.title}`;
   };
 
   useEffect(() => {

diff --git a/src/frontend/src/pages/BulletinDetailsPage.js b/src/frontend/src/pages/BulletinDetailsPage.js
@@ -25,6 +25,8 @@ export default function BulletinDetailsPage() {
     const bulletinData = await getBulletins(params.id);
     setBulletin(bulletinData);
     isInitialMount.current = false;
+
+    document.title = `DriveBC - Bulletins - ${bulletinData.title}`;
   };
 
   useEffect(() => {

diff --git a/src/frontend/src/pages/BulletinsListPage.js b/src/frontend/src/pages/BulletinsListPage.js
@@ -19,6 +19,8 @@ import Footer from '../Footer';
 import PageHeader from '../PageHeader';
 
 export default function BulletinsListPage() {
+  document.title = 'DriveBC - Bulletins';
+
   // Redux
   const dispatch = useDispatch();
   const { bulletins } = useSelector(useCallback(memoize(state => ({

diff --git a/src/frontend/src/pages/CameraDetailsPage.js b/src/frontend/src/pages/CameraDetailsPage.js
@@ -88,6 +88,8 @@ export default function CameraDetailsPage() {
 
     // Last update time
     setLastUpdate(camera.last_update_modified);
+
+    document.title = `DriveBC - Cameras - ${camera.name}`;
   }
 
   const loadReplay = async (cam) => {

diff --git a/src/frontend/src/pages/CamerasListPage.js b/src/frontend/src/pages/CamerasListPage.js
@@ -21,6 +21,8 @@ import RouteSearch from '../Components/map/RouteSearch';
 import './CamerasListPage.scss';
 
 export default function CamerasListPage() {
+  document.title = 'DriveBC - Cameras';
+
   // Redux
   const dispatch = useDispatch();
   const { cameras, camTimeStamp, selectedRoute } = useSelector(useCallback(memoize(state => ({

diff --git a/src/frontend/src/pages/EventsListPage.js b/src/frontend/src/pages/EventsListPage.js
@@ -33,6 +33,8 @@ import './EventsListPage.scss';
 import '../Components/Filters.scss';
 
 export default function EventsListPage() {
+  document.title = 'DriveBC - Delays';
+
   // Redux
   const dispatch = useDispatch();
   const { events, eventTimeStamp, selectedRoute } = useSelector(useCallback(memoize(state => ({

diff --git a/src/frontend/src/pages/FeedbackPage.js b/src/frontend/src/pages/FeedbackPage.js
@@ -17,6 +17,8 @@ import Footer from '../Footer';
 import PageHeader from '../PageHeader';
 
 export default function FeedbackPage() {
+  document.title = 'DriveBC - Feedback';
+
   // States
   const [ email, setEmail ] = useState();
   const [ subject, setSubject ] = useState(0);

diff --git a/src/frontend/src/pages/MapPage.js b/src/frontend/src/pages/MapPage.js
@@ -15,6 +15,8 @@ import '../Components/Map.scss';
 export default function MapPage() {
   const { state } = useLocation();
 
+  document.title = 'DriveBC';
+
   return (
     <DndProvider options={HTML5toTouch}>
       <div className="map-wrap">