adds error toast

Author: dplumlee

x-pack/plugins/siem/public/alerts/components/signals/actions.tsx

@@ -23,7 +23,7 @@ import {
   replaceTemplateFieldFromMatchFilters,
   replaceTemplateFieldFromDataProviders,
 } from './helpers';
-import { displaySuccessToast } from '../../../common/components/toasters';
+import { displaySuccessToast, displayErrorToast } from '../../../common/components/toasters';
 import * as i18n from './translations';
 
 export const getUpdateSignalsQuery = (eventIds: Readonly<string[]>) => {
@@ -69,14 +69,18 @@ export const updateSignalStatusAction = async ({
     // TODO: Only delete those that were successfully updated from updatedRules
     setEventsDeleted({ eventIds: signalIds, isDeleted: true });
 
-    const statusMessage =
+    const successTitle =
       status === 'closed'
-        ? i18n.CLOSED_ALERT_TOAST(signalIds.length)
-        : i18n.OPENED_ALERT_TOAST(signalIds.length);
+        ? i18n.CLOSED_ALERT_SUCCESS_TOAST(signalIds.length)
+        : i18n.OPENED_ALERT_SUCCESS_TOAST(signalIds.length);
 
-    displaySuccessToast(statusMessage, dispatchToaster);
+    displaySuccessToast(successTitle, dispatchToaster);
   } catch (e) {
-    // TODO: Show error toasts
+    const errorTitle =
+      status === 'closed'
+        ? i18n.CLOSED_ALERT_FAILED_TOAST(signalIds.length)
+        : i18n.OPENED_ALERT_FAILED_TOAST(signalIds.length);
+    displayErrorToast(errorTitle, [e.message], dispatchToaster);
   } finally {
     setEventsLoading({ eventIds: signalIds, isLoading: false });
   }

x-pack/plugins/siem/public/alerts/components/signals/translations.ts

@@ -102,16 +102,30 @@ export const ACTION_INVESTIGATE_IN_TIMELINE = i18n.translate(
   }
 );
 
-export const CLOSED_ALERT_TOAST = (totalAlerts: number) =>
-  i18n.translate('xpack.siem.detectionEngine.signals.closedAlertToastMessage', {
+export const CLOSED_ALERT_SUCCESS_TOAST = (totalAlerts: number) =>
+  i18n.translate('xpack.siem.detectionEngine.signals.closedAlertSuccessToastMessage', {
     values: { totalAlerts },
     defaultMessage:
-      'Successfully Closed {totalAlerts} {totalAlerts, plural, =1 {Alert} other {Alerts}}.',
+      'Successfully closed {totalAlerts} {totalAlerts, plural, =1 {alert} other {alerts}}.',
   });
 
-export const OPENED_ALERT_TOAST = (totalAlerts: number) =>
-  i18n.translate('xpack.siem.detectionEngine.signals.openedAlertToastMessage', {
+export const OPENED_ALERT_SUCCESS_TOAST = (totalAlerts: number) =>
+  i18n.translate('xpack.siem.detectionEngine.signals.openedAlertSuccessToastMessage', {
     values: { totalAlerts },
     defaultMessage:
-      'Successfully Opened {totalAlerts} {totalAlerts, plural, =1 {Alert} other {Alerts}}.',
+      'Successfully opened {totalAlerts} {totalAlerts, plural, =1 {alert} other {alerts}}.',
+  });
+
+export const CLOSED_ALERT_FAILED_TOAST = (totalAlerts: number) =>
+  i18n.translate('xpack.siem.detectionEngine.signals.closedAlertFailedToastMessage', {
+    values: { totalAlerts },
+    defaultMessage:
+      'Failed to close {totalAlerts} {totalAlerts, plural, =1 {alert} other {alerts}}.',
+  });
+
+export const OPENED_ALERT_FAILED_TOAST = (totalAlerts: number) =>
+  i18n.translate('xpack.siem.detectionEngine.signals.openedAlertFailedToastMessage', {
+    values: { totalAlerts },
+    defaultMessage:
+      'Failed to open {totalAlerts} {totalAlerts, plural, =1 {alert} other {alerts}}.',
   });