IncidentHistoryListItem: Use colored icon to visualise notification-state

Author: sukhwinder33445

library/Notifications/Widget/ItemList/IncidentHistoryListItem.php

@@ -31,6 +31,10 @@ protected function assembleVisual(BaseHtmlElement $visual): void
             $content = new Icon($incidentIcon, ['class' => 'severity-' . $this->item->new_severity]);
         } else {
             $content = new IconBall($incidentIcon);
+
+            if ($this->item->type === 'notified') {
+                $content->addAttributes(['class' => ['notification', $this->item->notification_state]]);
+            }
         }
 
         $visual->addHtml($content);

public/css/detail/incident-detail.less

@@ -27,7 +27,27 @@
     }
   }
 
-  .list-item.notification-suppressed {
-    opacity: .75;
+  .list-item {
+    &.notification-suppressed {
+      opacity: .75;
+    }
+
+    .visual .notification {
+      &.failed {
+        color: @state-critical;
+      }
+
+      &.pending {
+
+      }
+
+      &.suppressed {
+        color: @state-warning;
+      }
+
+      &.sent {
+        color: @state-ok;
+      }
+    }
   }
 }