fixed multy select menu

elastic · Dec 10, 2020 · 2b6082e · 2b6082e
1 parent 1bb9310
commit 2b6082e
Showing 1 changed file with 12 additions and 8 deletions.
diff --git a/...ers_actions_ui/public/application/sections/common/components/alert_quick_edit_buttons.tsx b/...ers_actions_ui/public/application/sections/common/components/alert_quick_edit_buttons.tsx
@@ -9,7 +9,7 @@ import React, { useState } from 'react';
 import { FormattedMessage } from '@kbn/i18n/react';
 import { EuiButtonEmpty, EuiFlexItem, EuiFlexGroup } from '@elastic/eui';
 
-import { Alert } from '../../../../types';
+import { AlertTableItem } from '../../../../types';
 import {
   withBulkAlertOperations,
   ComponentOpts as BulkOperationsComponentOpts,
@@ -18,7 +18,7 @@ import './alert_quick_edit_buttons.scss';
 import { useKibana } from '../../../../common/lib/kibana';
 
 export type ComponentOpts = {
-  selectedItems: Alert[];
+  selectedItems: AlertTableItem[];
   onPerformingAction?: () => void;
   onActionPerformed?: () => void;
   setAlertsToDelete: React.Dispatch<React.SetStateAction<string[]>>;
@@ -49,6 +49,10 @@ export const AlertQuickEditButtons: React.FunctionComponent<ComponentOpts> = ({
   const isPerformingAction =
     isMutingAlerts || isUnmutingAlerts || isEnablingAlerts || isDisablingAlerts || isDeletingAlerts;
 
+  const hasDisabledByLicenseAlertTypes = !!selectedItems.find(
+    (alertItem) => !alertItem.enabledInLicense
+  );
+
   async function onmMuteAllClick() {
     onPerformingAction();
     setIsMutingAlerts(true);
@@ -156,7 +160,7 @@ export const AlertQuickEditButtons: React.FunctionComponent<ComponentOpts> = ({
           <EuiButtonEmpty
             onClick={onmMuteAllClick}
             isLoading={isMutingAlerts}
-            isDisabled={isPerformingAction}
+            isDisabled={isPerformingAction || hasDisabledByLicenseAlertTypes}
             data-test-subj="muteAll"
           >
             <FormattedMessage
@@ -171,7 +175,7 @@ export const AlertQuickEditButtons: React.FunctionComponent<ComponentOpts> = ({
           <EuiButtonEmpty
             onClick={onUnmuteAllClick}
             isLoading={isUnmutingAlerts}
-            isDisabled={isPerformingAction}
+            isDisabled={isPerformingAction || hasDisabledByLicenseAlertTypes}
             data-test-subj="unmuteAll"
           >
             <FormattedMessage
@@ -186,7 +190,7 @@ export const AlertQuickEditButtons: React.FunctionComponent<ComponentOpts> = ({
           <EuiButtonEmpty
             onClick={onEnableAllClick}
             isLoading={isEnablingAlerts}
-            isDisabled={isPerformingAction}
+            isDisabled={isPerformingAction || hasDisabledByLicenseAlertTypes}
             data-test-subj="enableAll"
           >
             <FormattedMessage
@@ -201,7 +205,7 @@ export const AlertQuickEditButtons: React.FunctionComponent<ComponentOpts> = ({
           <EuiButtonEmpty
             onClick={onDisableAllClick}
             isLoading={isDisablingAlerts}
-            isDisabled={isPerformingAction}
+            isDisabled={isPerformingAction || hasDisabledByLicenseAlertTypes}
             data-test-subj="disableAll"
           >
             <FormattedMessage
@@ -233,11 +237,11 @@ export const AlertQuickEditButtons: React.FunctionComponent<ComponentOpts> = ({
 
 export const AlertQuickEditButtonsWithApi = withBulkAlertOperations(AlertQuickEditButtons);
 
-function isAlertDisabled(alert: Alert) {
+function isAlertDisabled(alert: AlertTableItem) {
   return alert.enabled === false;
 }
 
-function isAlertMuted(alert: Alert) {
+function isAlertMuted(alert: AlertTableItem) {
   return alert.muteAll === true;
 }