DT-6646 visible alert icon

Author: sharhio

src/defaultConfig.js

@@ -77,4 +77,6 @@ export default {
     inUse: false,
   },
   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',
 };

src/monitorConfig.js

@@ -216,5 +216,6 @@ export default {
     map: {
       inUse: true,
     },
+    alertIcon: 'query-error-alert',
   },
 };

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 && (