DBC22-1377: fixed filter sync from naming inconsistency

Author: ray-oxd

src/frontend/src/Components/EventTypeIcon.js

@@ -14,7 +14,7 @@ import {
 
 export default function EventTypeIcon({ displayCategory }) {
   switch (displayCategory) {
-    case "closure":
+    case "closures":
       return <FontAwesomeIcon icon={faMinusCircle} alt="closure" />;
     case "majorEvents":
       return <FontAwesomeIcon icon={faExclamationTriangle} alt="major delays" />;

src/frontend/src/Components/data/events.js

@@ -9,7 +9,7 @@ export function getEvents(routePoints) {
       datum.roadIsClosed = !! datum.description.match(/Road closed(\.| )/);
       if (datum.roadIsClosed) {
         datum.severity = 'CLOSURE';
-        datum.display_category = 'closure';
+        datum.display_category = 'closures';
       }
     })
     return data;

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

@@ -37,15 +37,15 @@ export function loadEventsLayers(
       const isLineSegment = feature.getGeometry().getType() === 'LineString';
 
       const vsMap = {
-        closure: closureVS,
+        closures: closureVS,
         majorEvents: majorEventsVS,
         minorEvents: minorEventsVS,
         futureEvents: futureEventsVS,
         roadConditions: roadConditionsVS
       }
 
       const lineVsMap = {
-        closure: closureLinesVS,
+        closures: closureLinesVS,
         majorEvents: majorEventsLinesVS,
         minorEvents: minorEventsLinesVS,
         futureEvents: futureEventsLinesVS,

src/frontend/src/pages/EventsPage.js

@@ -77,7 +77,7 @@ export default function EventsPage() {
     {
       id: 'checkbox-filter-closure',
       label: 'Closures',
-      value: 'closure',
+      value: 'closures',
     },
     {
       id: 'checkbox-filter-incident',
@@ -104,7 +104,7 @@ export default function EventsPage() {
   const [sortingColumns, setSortingColumns] = useState([]);
 
   const [eventCategoryFilter, setEventCategoryFilter] = useState({
-    'closure': mapContext.visible_layers.closure,
+    'closures': mapContext.visible_layers.closures,
     'majorEvents': mapContext.visible_layers.majorEvents,
     'minorEvents': mapContext.visible_layers.minorEvents,
     'futureEvents': mapContext.visible_layers.futureEvents,