From 160c1dc7eec70fb4a279759d3853fed6dd4be021 Mon Sep 17 00:00:00 2001
From: ray <ray@oxd.com>
Date: Tue, 3 Sep 2024 17:49:40 -0700
Subject: [PATCH] DBC22-2465: fixed cam and event list pages updating read
 count

---
 .../src/Components/map/panels/AdvisoriesPanel.js         | 9 +++++++--
 src/frontend/src/pages/CamerasListPage.js                | 2 +-
 src/frontend/src/pages/EventsListPage.js                 | 2 +-
 3 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/src/frontend/src/Components/map/panels/AdvisoriesPanel.js b/src/frontend/src/Components/map/panels/AdvisoriesPanel.js
index f5329d0af..1934c74f4 100644
--- a/src/frontend/src/Components/map/panels/AdvisoriesPanel.js
+++ b/src/frontend/src/Components/map/panels/AdvisoriesPanel.js
@@ -15,12 +15,17 @@ import AdvisoriesList from '../../advisories/AdvisoriesList';
 import './AdvisoriesPanel.scss';
 
 export default function AdvisoriesPanel(props) {
-  const { advisories } = props;
+  const { advisories, openAdvisoriesOverlay } = props;
 
   // Context
   const { cmsContext, setCMSContext } = useContext(CMSContext);
 
   useEffect(() => {
+    // Do not update context if the overlay is not open
+    if (openAdvisoriesOverlay === false) {
+      return;
+    }
+
     const advisoriesIds = advisories.map(advisory => advisory.id);
 
     // Combine and remove duplicates
@@ -29,7 +34,7 @@ export default function AdvisoriesPanel(props) {
 
     setCMSContext(updatedContext);
     localStorage.setItem('cmsContext', JSON.stringify(updatedContext));
-  }, [advisories]);
+  }, [advisories, openAdvisoriesOverlay]);
 
   return (
     <div className="popup popup--advisories" tabIndex={0}>
diff --git a/src/frontend/src/pages/CamerasListPage.js b/src/frontend/src/pages/CamerasListPage.js
index 4a2371f0d..84744fcca 100644
--- a/src/frontend/src/pages/CamerasListPage.js
+++ b/src/frontend/src/pages/CamerasListPage.js
@@ -345,7 +345,7 @@ export default function CamerasListPage() {
             onClick={() => setOpenAdvisoriesOverlay(!openAdvisoriesOverlay)}>
             <FontAwesomeIcon icon={faXmark} />
           </button>
-          <AdvisoriesPanel advisories={advisories} />
+          <AdvisoriesPanel advisories={advisories} openAdvisoriesOverlay={openAdvisoriesOverlay} />
         </div>
       }
 
diff --git a/src/frontend/src/pages/EventsListPage.js b/src/frontend/src/pages/EventsListPage.js
index 470135c5b..ff7ecd283 100644
--- a/src/frontend/src/pages/EventsListPage.js
+++ b/src/frontend/src/pages/EventsListPage.js
@@ -446,7 +446,7 @@ export default function EventsListPage() {
             onClick={() => setOpenAdvisoriesOverlay(!openAdvisoriesOverlay)}>
             <FontAwesomeIcon icon={faXmark} />
           </button>
-          <AdvisoriesPanel advisories={advisories} />
+          <AdvisoriesPanel advisories={advisories} openAdvisoriesOverlay={openAdvisoriesOverlay} />
         </div>
       }