[SR] add ability to execute snapshot retention manually (#47150) (#47619)

Author: alisonelizabeth

x-pack/legacy/plugins/snapshot_restore/public/app/components/index.ts

@@ -17,7 +17,11 @@ export { RestoreSnapshotForm } from './restore_snapshot_form';
 export { PolicyExecuteProvider } from './policy_execute_provider';
 export { PolicyDeleteProvider } from './policy_delete_provider';
 export {
-  UpdateRetentionModalProvider,
-  UpdateRetentionSetting,
-} from './update_retention_modal_provider';
+  RetentionSettingsUpdateModalProvider,
+  UpdateRetentionSettings,
+} from './retention_update_modal_provider';
+export {
+  RetentionExecuteModalProvider,
+  ExecuteRetention,
+} from './retention_execute_modal_provider';
 export { PolicyForm } from './policy_form';

x-pack/legacy/plugins/snapshot_restore/public/app/components/retention_execute_modal_provider.tsx

@@ -0,0 +1,96 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License;
+ * you may not use this file except in compliance with the Elastic License.
+ */
+
+import React, { useState } from 'react';
+import { EuiConfirmModal, EuiOverlayMask } from '@elastic/eui';
+import { useAppDependencies } from '../index';
+import { executeRetention as executeRetentionRequest } from '../services/http';
+
+interface Props {
+  children: (executeRetention: ExecuteRetention) => React.ReactElement;
+}
+
+export type ExecuteRetention = () => void;
+
+export const RetentionExecuteModalProvider: React.FunctionComponent<Props> = ({ children }) => {
+  const {
+    core: {
+      i18n,
+      notification: { toastNotifications },
+    },
+  } = useAppDependencies();
+  const { FormattedMessage } = i18n;
+  const [isModalOpen, setIsModalOpen] = useState<boolean>(false);
+
+  const executeRetentionPrompt: ExecuteRetention = () => {
+    setIsModalOpen(true);
+  };
+
+  const closeModal = () => {
+    setIsModalOpen(false);
+  };
+
+  const executeRetention = () => {
+    executeRetentionRequest().then(({ error }) => {
+      if (error) {
+        const errorMessage = i18n.translate('xpack.snapshotRestore.executeRetention.errorMessage', {
+          defaultMessage: 'Error running retention',
+        });
+        toastNotifications.addDanger(errorMessage);
+      } else {
+        const successMessage = i18n.translate(
+          'xpack.snapshotRestore.executeRetention.successMessage',
+          {
+            defaultMessage: 'Retention is running',
+          }
+        );
+        toastNotifications.addSuccess(successMessage);
+      }
+    });
+    closeModal();
+  };
+
+  const renderModal = () => {
+    if (!isModalOpen) {
+      return null;
+    }
+
+    return (
+      <EuiOverlayMask>
+        <EuiConfirmModal
+          title={
+            <FormattedMessage
+              id="xpack.snapshotRestore.executeRetention.confirmModal.executeRetentionTitle"
+              defaultMessage="Run snapshot retention now?"
+            />
+          }
+          onCancel={closeModal}
+          onConfirm={executeRetention}
+          cancelButtonText={
+            <FormattedMessage
+              id="xpack.snapshotRestore.executeRetention.confirmModal.cancelButtonLabel"
+              defaultMessage="Cancel"
+            />
+          }
+          confirmButtonText={
+            <FormattedMessage
+              id="xpack.snapshotRestore.executeRetention.confirmModal.confirmButtonLabel"
+              defaultMessage="Run retention"
+            />
+          }
+          data-test-subj="executeRetentionModal"
+        />
+      </EuiOverlayMask>
+    );
+  };
+
+  return (
+    <>
+      {children(executeRetentionPrompt)}
+      {renderModal()}
+    </>
+  );
+};

x-pack/legacy/plugins/snapshot_restore/public/app/components/update_retention_modal_provider.tsx renamed to x-pack/legacy/plugins/snapshot_restore/public/app/components/retention_update_modal_provider.tsx

@@ -28,17 +28,19 @@ import { DEFAULT_RETENTION_SCHEDULE, DEFAULT_RETENTION_FREQUENCY } from '../cons
 import { updateRetentionSchedule } from '../services/http';
 
 interface Props {
-  children: (updateRetention: UpdateRetentionSetting) => React.ReactElement;
+  children: (updateRetention: UpdateRetentionSettings) => React.ReactElement;
 }
 
-export type UpdateRetentionSetting = (
+export type UpdateRetentionSettings = (
   retentionSchedule?: string,
   onSuccess?: OnSuccessCallback
 ) => void;
 
 type OnSuccessCallback = () => void;
 
-export const UpdateRetentionModalProvider: React.FunctionComponent<Props> = ({ children }) => {
+export const RetentionSettingsUpdateModalProvider: React.FunctionComponent<Props> = ({
+  children,
+}) => {
   const {
     core: {
       i18n,
@@ -68,7 +70,7 @@ export const UpdateRetentionModalProvider: React.FunctionComponent<Props> = ({ c
 
   const [isInvalid, setIsInvalid] = useState<boolean>(false);
 
-  const updateRetentionPrompt: UpdateRetentionSetting = (
+  const updateRetentionPrompt: UpdateRetentionSettings = (
     originalRetentionSchedule,
     onSuccess = () => undefined
   ) => {

x-pack/legacy/plugins/snapshot_restore/public/app/constants/index.ts

@@ -122,4 +122,5 @@ export const UIM_POLICY_DELETE = 'policy_delete';
 export const UIM_POLICY_DELETE_MANY = 'policy_delete_many';
 export const UIM_POLICY_CREATE = 'policy_create';
 export const UIM_POLICY_UPDATE = 'policy_update';
-export const UIM_POLICY_RETENTION_SETTINGS_UPDATE = 'policy_retention_settings_update';
+export const UIM_RETENTION_SETTINGS_UPDATE = 'retention_settings_update';
+export const UIM_RETENTION_EXECUTE = 'retention_execute';