Remove errors in explore (CMEM-6724)

Author: fiorsaoirse

src/cmem/ActivityControl/ActivityControlWidget.tsx

@@ -52,7 +52,7 @@ export interface ActivityControlWidgetProps extends TestableComponent {
     /**
      * The action buttons
      */
-    activityActions?: ActivityControlWidgetAction[];
+    activityActions?: (ActivityControlWidgetAction | React.ReactElement)[];
     /**
      * Context menu items
      */
@@ -90,6 +90,12 @@ interface IActivityContextMenu extends TestableComponent {
     menuItems: IActivityMenuAction[];
 }
 
+const isActivityControlWidgetAction = (
+    value: ActivityControlWidgetAction | React.ReactElement
+): value is ActivityControlWidgetAction => {
+    return !!((value as ActivityControlWidgetAction).action && (value as ActivityControlWidgetAction).icon);
+};
+
 export interface ActivityControlWidgetAction extends TestableComponent {
     // The action that should be triggered
     action: () => void;
@@ -178,21 +184,25 @@ export function ActivityControlWidget(props: ActivityControlWidgetProps) {
             <OverviewItemActions>
                 {activityActions &&
                     activityActions.map((action, idx) => {
-                        return (
-                            <IconButton
-                                key={typeof action.icon === "string" ? action.icon : action["data-test-id"] ?? idx}
-                                data-test-id={action["data-test-id"]}
-                                name={action.icon}
-                                text={action.tooltip}
-                                onClick={action.action}
-                                disabled={action.disabled}
-                                hasStateWarning={action.hasStateWarning}
-                                tooltipProps={{
-                                    hoverOpenDelay: 200,
-                                    placement: "bottom",
-                                }}
-                            />
-                        );
+                        if (isActivityControlWidgetAction(action)) {
+                            return (
+                                <IconButton
+                                    key={typeof action.icon === "string" ? action.icon : action["data-test-id"] ?? idx}
+                                    data-test-id={action["data-test-id"]}
+                                    name={action.icon}
+                                    text={action.tooltip}
+                                    onClick={action.action}
+                                    disabled={action.disabled}
+                                    intent={action.hasStateWarning ? "warning" : undefined}
+                                    tooltipProps={{
+                                        hoverOpenDelay: 200,
+                                        placement: "bottom",
+                                    }}
+                                />
+                            );
+                        }
+
+                        return action;
                     })}
                 {activityContextMenu && activityContextMenu.menuItems.length > 0 && (
                     <ContextMenu