From 19de1ba05f805919ed153e604501777afe58c767 Mon Sep 17 00:00:00 2001
From: ray <ray@oxd.com>
Date: Wed, 14 Feb 2024 06:29:24 -0800
Subject: [PATCH] DBC22-1117: updated page titles

---
 src/frontend/src/pages/AdvisoriesListPage.js  | 2 ++
 src/frontend/src/pages/AdvisoryDetailsPage.js | 2 ++
 src/frontend/src/pages/BulletinDetailsPage.js | 2 ++
 src/frontend/src/pages/BulletinsListPage.js   | 2 ++
 src/frontend/src/pages/CameraDetailsPage.js   | 2 ++
 src/frontend/src/pages/CamerasListPage.js     | 2 ++
 src/frontend/src/pages/EventsListPage.js      | 2 ++
 src/frontend/src/pages/FeedbackPage.js        | 2 ++
 src/frontend/src/pages/MapPage.js             | 2 ++
 9 files changed, 18 insertions(+)

diff --git a/src/frontend/src/pages/AdvisoriesListPage.js b/src/frontend/src/pages/AdvisoriesListPage.js
index 69beac744..37df30f9a 100644
--- 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
index 4b8c265bd..f06f94cfe 100644
--- 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
index 1df7f9e4e..042ecb3cd 100644
--- 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
index e3c904869..d1ad345a6 100644
--- 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
index 87289057e..57116e67d 100644
--- 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
index 7be509821..1eba06b7d 100644
--- 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
index 4eac431c4..df62a93d5 100644
--- 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
index 7cd2f4a9c..0209daa36 100644
--- 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
index 940ddf128..5cae4b09b 100644
--- 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">