DBC22-2253: hide Advisories route text if no route is selected

bcgov · May 29, 2024 · 23a6ea8 · 23a6ea8
1 parent 113483a
commit 23a6ea8
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 4 deletions.
diff --git a/src/frontend/src/Components/advisories/Advisories.js b/src/frontend/src/Components/advisories/Advisories.js
@@ -14,7 +14,7 @@ import AdvisoriesList from './AdvisoriesList';
 import './Advisories.scss';
 
 export default function Advisories(props) {
-  const { advisories } = props;
+  const { advisories, selectedRoute } = props;
 
   return (advisories && !!advisories.length) ? (
     <div className="advisories">
@@ -28,7 +28,9 @@ export default function Advisories(props) {
           in effect
         </h2>
 
-        <p className="description">The following advisory affects a portion of the route you’ve chosen:</p>
+        {selectedRoute && selectedRoute.routeFound && Object.keys(selectedRoute).length !== 0 &&
+          <p className="description">The following advisory affects a portion of the route you’ve chosen:</p>
+        }
 
         <AdvisoriesList advisories={advisories} showDescription={false} showTimestamp={false} />
       </div>

diff --git a/src/frontend/src/pages/CamerasListPage.js b/src/frontend/src/pages/CamerasListPage.js
@@ -212,7 +212,7 @@ export default function CamerasListPage() {
       </PageHeader>
 
       <Container className="outer-container">
-        <Advisories advisories={advisoriesInRoute} />
+        <Advisories advisories={advisoriesInRoute} selectedRoute={selectedRoute} />
 
         <div className="controls-container">
           <div className="route-display-container">

diff --git a/src/frontend/src/pages/EventsListPage.js b/src/frontend/src/pages/EventsListPage.js
@@ -312,7 +312,7 @@ export default function EventsListPage() {
       </PageHeader>
 
       <Container>
-        <Advisories advisories={advisoriesInRoute} />
+        <Advisories advisories={advisoriesInRoute} selectedRoute={selectedRoute} />
 
         <div className="controls-container">
           { largeScreen &&