DBC22-1266: map icon, popup title fixes

bcgov · Dec 21, 2023 · f4ff0e2 · f4ff0e2
1 parent b6d3e5c
commit f4ff0e2
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 2 deletions.
diff --git a/src/frontend/src/Components/map/helper.js b/src/frontend/src/Components/map/helper.js
@@ -11,7 +11,7 @@ import { eventStyles } from '../data/featureStyleDefinitions.js';
 // Static assets
 export const getEventIcon = (event, state) => {
   const severity = event.get('severity').toLowerCase();
-  const display_category = event.get('display_category').toLowerCase();
+  const display_category = event.get('display_category');
   const geometry = event.getGeometry().getType();
   if (geometry === 'Point') {
     if (severity === 'major') {

diff --git a/src/frontend/src/Components/map/mapPopup.js b/src/frontend/src/Components/map/mapPopup.js
@@ -9,6 +9,13 @@ import parse from 'html-react-parser';
 
 import colocatedCamIcon from '../../images/colocated-camera.svg';
 
+const displayCategoryMap = {
+  majorEvents: 'Major Delay',
+  minorEvents: 'Minor Delay',
+  futureEvents: 'Future Delay',
+  roadConditions: 'Road Condition',
+}
+
 function convertDirection(direction) {
   switch (direction) {
       case "N":
@@ -107,7 +114,7 @@ export function getEventPopup(eventFeature) {
               <EventTypeIcon displayCategory={eventData.display_category} />
             </div>
 
-            <p className="bold">{severity} delays</p>
+            <p className="bold">{displayCategoryMap[eventData.display_category]}</p>
           </div>
 
           <p className="bold friendly-time--mobile">