DBC22-5201: used clickedFeature to update icon status

Author: bcgov-brwang

src/frontend/src/Components/map/Map.js

@@ -858,7 +858,7 @@ export default function DriveBCMap(props) {
     if (filteredEvents) {
       // Toggle features visibility
       updateEventsLayers(
-        mapContext, filteredEvents, mapLayers, setLoadingLayers, referenceData, mapView,
+        mapContext, filteredEvents, mapLayers, setLoadingLayers, clickedFeature, mapView,
         featureContext, setFeatureContext // DBC22-5106
       );
 

src/frontend/src/Components/map/layers/eventsLayer.js

@@ -194,7 +194,7 @@ export function loadEventsLayers(eventsData, mapContext, mapLayers, mapRef, refe
 }
 
 export function updateEventsLayers(
-  mapContext, events, mapLayers, setLoadingLayers, referenceData, mapView,
+  mapContext, events, mapLayers, setLoadingLayers, clickedFeature, mapView,
   featureContext, setFeatureContext  // Feature context for route details panel
 ) {
   const featuresDict = {};
@@ -217,7 +217,7 @@ export function updateEventsLayers(
       if (featureId in eventsDict) {
         // Update the feature with the new event data
         feature.setProperties(eventsDict[featureId]);
-        setEventStyle(feature, referenceData.id === featureId ? 'active' : 'static');
+        setEventStyle(feature, clickedFeature?.getId() === featureId ? 'active' : 'static');
         processedEvents.add(featureId);  // Track processed events
         featuresDict[featureId] = feature;