CE-3061: Update ioc alerts and status separately

Deployed to both DEMO and TEST. You can also check all scenarios running storybook for IOC List view and IOC Details view if running it locally

This is where the changes occur:

IOC List view, status column, where status (active/inactive) and alerts (badge with error or warning symbol) is fetched in separate calls.

IOC details view, alerts are displayed as banners and status is displayed only as active/inactive/disabled without alert badge

Possible UI states:

active

inactive

disabled

active with severity error

active with severity warning

inactive with severity error

inactive with severity warning

disabled with severity error

disabled with severity warning

Status response:

deployed:
{
  "iocId": 21,
  "alertSeverity": null,
  "alerts": [],
  "active": true
}started:
{
  "iocId": 21,
  "alertSeverity": null,
  "alerts": [],
  "active": true
}stopped:
{
  "iocId": 21,
  "alertSeverity": null,
  "alerts": [],
  "active": null
}undeployed:
{
  "iocId": 21,
  "alertSeverity": "INFO",
  "alerts": [
    {
      "type": "INFO",
      "message": "IOC is not deployed",
      "link": null
    }
  ],
  "active": false
}

src/components/common/Status/StatusData.js

@@ -66,10 +66,7 @@ export const getStatus = (state, alert) => {
   ) {
     // Active status / running
     return STATUS.active;
-  } else if (
-    isActive === false &&
-    (alertSeverity === undefined || alertSeverity === SEVERITY.info)
-  ) {
+  } else if (isActive !== false && !isActive) {
     // stopped/paused
     return STATUS.disabled;
   } else if (
@@ -87,21 +84,13 @@ export const getStatus = (state, alert) => {
     // warning
     return STATUS.warning;
   } else if (
-    (!isActive || isActive === null) &&
-    (alertSeverity === undefined || alertSeverity === SEVERITY.info)
+    isActive === false &&
+    (!alertSeverity || alertSeverity === SEVERITY.info)
   ) {
-    // Inactive status
     return STATUS.inactive;
-  } else if (
-    (!isActive || isActive === null) &&
-    alertSeverity === SEVERITY.alert
-  ) {
-    // inactive with warning/error
+  } else if (isActive === false && alertSeverity === SEVERITY.alert) {
     return STATUS.inactiveAlert;
-  } else if (
-    (!isActive || isActive === null) &&
-    alertSeverity === SEVERITY.warning
-  ) {
+  } else if (isActive === false && alertSeverity === SEVERITY.warning) {
     return STATUS.inactiveWarning;
   } else {
     // unknown fallback state