Merge pull request #493 from HSLdevcom/DT-6646

DT-6646 Alert logo accessibility
HSLdevcom · Jan 8, 2025 · b54b8e5 · b54b8e5
2 parents cd37cfe + 8d34f0c
commit b54b8e5
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 4 deletions.
diff --git a/src/defaultConfig.js b/src/defaultConfig.js
@@ -78,4 +78,5 @@ export default {
   },
   lineCodeMaxLength: 7, // Maximum length of line code to show in the monitor, values larger than 7 are not supported by horizontal layouts
   rtVehicleOffsetSeconds: 120, // How many seconds in the future the real-time vehicle should be shown
+  alertIcon: 'alert',
 };
diff --git a/src/monitorConfig.js b/src/monitorConfig.js
@@ -217,5 +217,6 @@ export default {
     map: {
       inUse: true,
     },
+    alertIcon: 'query-error-alert',
   },
 };
diff --git a/src/test/MonitorRow.test.tsx b/src/test/MonitorRow.test.tsx
@@ -23,6 +23,7 @@ const defaultProps = {
 const mockConfig = {
   useTilde: true,
   lineCodeMaxLength: 7,
+  alertIcon: 'alert',
 };
 
 const withContext = prps => {

diff --git a/src/ui/MonitorRow.tsx b/src/ui/MonitorRow.tsx
@@ -287,13 +287,13 @@ const MonitorRow: FC<IProps> = ({
                   )}
                 </div>
                 <div className="via-destination">
-                  {isCancelled && <Icon img={'alert'} />}
+                  {isCancelled && <Icon img={config.alertIcon} />}
                   {t('cancelled', { lng: currentLang })}
                 </div>
               </>
             ) : (
               <>
-                <Icon img={'alert'} />
+                <Icon img={config.alertIcon} />
                 <div className="cancelled-row">
                   {t('cancelled', { lng: currentLang })}
                 </div>
@@ -315,7 +315,7 @@ const MonitorRow: FC<IProps> = ({
                 )}
               </div>
               <div className="via-destination">
-                {isCancelled && <Icon img={'alert'} />}
+                {isCancelled && <Icon img={config.alertIcon} />}
                 {viaDestination ||
                   (isCancelled && t('cancelled', { lng: currentLang }))}
                 {replaceViaMetroStringWithIcon && (
@@ -332,7 +332,7 @@ const MonitorRow: FC<IProps> = ({
             </>
           ) : (
             <>
-              {isCancelled && <Icon img={'alert'} />}
+              {isCancelled && <Icon img={config.alertIcon} />}
               <div className="destination-row">
                 {destination}
                 {replaceMetroStringWithIcon && (
-Original file line number
+Diff line change
@@ Expand Up / @@ -217,5 +217,6 @@ export default { @@
         map: {
           inUse: true,
         },
+        alertIcon: 'query-error-alert',
       },
     };