fix: multiple workload issues

Author: amit-y

src/components/playback-bar/index.js

@@ -143,14 +143,21 @@ const PlaybackBar = ({ isLoading, onPreload, onSeek, onChange }) => {
   }, []);
 
   useEffect(() => {
-    if (nerdletState.playbackTimeRange) {
-      setTimeRange(nerdletState.playbackTimeRange);
-      setSelectedIncrement(
-        nerdletState.playbackIncrement
-          ? nerdletState.playbackIncrement
-          : playbackIncrementForSelectedDuration(nerdletState.playbackTimeRange)
-      );
-    }
+    if (!nerdletState.playbackTimeRange) return;
+    setTimeRange((prev) => {
+      const { begin_time, end_time, duration } = nerdletState.playbackTimeRange;
+      return prev?.begin_time === begin_time &&
+        prev?.end_time === end_time &&
+        prev?.duration === duration
+        ? prev
+        : nerdletState.playbackTimeRange;
+    });
+    setSelectedIncrement((prev) => {
+      const next = nerdletState.playbackIncrement
+        ? nerdletState.playbackIncrement
+        : playbackIncrementForSelectedDuration(nerdletState.playbackTimeRange);
+      return prev?.timeInMs === next.timeInMs ? prev : next;
+    });
   }, [nerdletState.playbackTimeRange]);
 
   useEffect(() => {

src/components/signal-tooltip/index.js

@@ -5,7 +5,12 @@ import { HeadingText, Popover, PopoverBody, PopoverTrigger } from 'nr1';
 
 import { AppContext, SignalsContext } from '../../contexts';
 import { generateIncidentsList } from '../../utils';
-import { ALERT_SEVERITY, UI_CONTENT, SIGNAL_TYPES } from '../../constants';
+import {
+  ALERT_SEVERITY,
+  UI_CONTENT,
+  SIGNAL_TYPES,
+  WORKLOAD_STATUS_VALUE_CODES,
+} from '../../constants';
 
 import typesList from '../../../nerdlets/signal-selection/types.json';
 
@@ -53,6 +58,19 @@ const SignalTooltip = ({
     });
     if (signalType === SIGNAL_TYPES.ENTITY) {
       if (data.type === 'WORKLOAD') {
+        if (Number.isFinite(data.statusValueCode)) {
+          switch (data.statusValueCode) {
+            case WORKLOAD_STATUS_VALUE_CODES.DISRUPTED:
+              return UI_CONTENT.SIGNAL.TOOLTIP.WORKLOAD_DISRUPTED;
+            case WORKLOAD_STATUS_VALUE_CODES.DEGRADED:
+              return UI_CONTENT.SIGNAL.TOOLTIP.WORKLOAD_DEGRADED;
+            case WORKLOAD_STATUS_VALUE_CODES.OPERATIONAL:
+              return UI_CONTENT.SIGNAL.TOOLTIP.WORKLOAD_OPERATIONAL;
+            default:
+              return UI_CONTENT.SIGNAL.TOOLTIP.WORKLOAD_UNKNOWN;
+          }
+        }
+
         if (data.alertSeverity === ALERT_SEVERITY.NOT_CONFIGURED) {
           return UI_CONTENT.SIGNAL.TOOLTIP.WORKLOAD_UNKNOWN;
         }

src/constants/ui-content.js

@@ -178,6 +178,7 @@ export const UI_CONTENT = {
     TOOLTIP: {
       WORKLOAD_UNKNOWN: 'The status of this workload is unknown',
       WORKLOAD_DISRUPTED: 'The workload is disrupted',
+      WORKLOAD_DEGRADED: 'The workload is degraded',
       WORKLOAD_OPERATIONAL: 'The workload is operational',
       SIGNAL_UNKNOWN: 'No alert conditions set up',
       SIGNAL_DISRUPTED: ' incident(s) in progress',

src/hooks/use-debug-logger/index.js

@@ -21,11 +21,9 @@ const useDebugLogger = ({ allowDebug = false }) => {
   );
 
   const debugString = useCallback(
-    (str, title = 'Debug info') => {
+    (str, title = '') => {
       if (allowDebug && str) {
-        console.groupCollapsed(title);
-        console.debug(str);
-        console.groupEnd();
+        console.debug(title, str);
       }
     },
     [allowDebug]