From 493e60dad0fac492e08a5b241674241b96c2bf60 Mon Sep 17 00:00:00 2001
From: Dora <103416234+doracretu3pillar@users.noreply.github.com>
Date: Mon, 4 Sep 2023 18:03:21 +0300
Subject: [PATCH] PMM-12253 Removed Actions column along with api call (#676)

* Removed Actions column along with api call

* Fixed eslint

---------

Co-authored-by: Artem Gavrilov <charlieblackwood7@gmail.com>
---
 public/app/percona/check/Check.service.ts     | 11 --------
 .../ServiceChecks/ServiceChecks.messages.ts   |  2 --
 .../ServiceChecks/ServiceChecks.styles.ts     |  5 ----
 .../ServiceChecks/ServiceChecks.tsx           | 25 +------------------
 4 files changed, 1 insertion(+), 42 deletions(-)

diff --git a/public/app/percona/check/Check.service.ts b/public/app/percona/check/Check.service.ts
index 71a8e20b4a4bd..d34e28ed9a874 100644
--- a/public/app/percona/check/Check.service.ts
+++ b/public/app/percona/check/Check.service.ts
@@ -116,17 +116,6 @@ export const CheckService = {
         .sort((a, b) => order[a.severity] - order[b.severity]),
     };
   },
-  async silenceAlert(alertId: string, silence: boolean, token?: CancelToken) {
-    return api.post<void, any>(
-      `${BASE_URL}/ToggleCheckAlert`,
-      {
-        alert_id: alertId,
-        silence,
-      },
-      false,
-      token
-    );
-  },
   runDbChecks(checkNames: string[], token?: CancelToken): Promise<void | {}> {
     return api.post<{}, {}>(
       '/v1/management/SecurityChecks/Start',
diff --git a/public/app/percona/check/components/ServiceChecks/ServiceChecks.messages.ts b/public/app/percona/check/components/ServiceChecks/ServiceChecks.messages.ts
index f810f42dab94c..a8d6df08498b7 100644
--- a/public/app/percona/check/components/ServiceChecks/ServiceChecks.messages.ts
+++ b/public/app/percona/check/components/ServiceChecks/ServiceChecks.messages.ts
@@ -1,7 +1,5 @@
 export const Messages = {
   noChecks: 'No checks found.',
   readMore: 'Read More',
-  activate: 'Activate',
-  silence: 'Silence',
   pageTitle: (serviceName: string) => `Failed Checks for service "${serviceName}"`,
 };
diff --git a/public/app/percona/check/components/ServiceChecks/ServiceChecks.styles.ts b/public/app/percona/check/components/ServiceChecks/ServiceChecks.styles.ts
index 979d421e9c309..89910b27d93fb 100644
--- a/public/app/percona/check/components/ServiceChecks/ServiceChecks.styles.ts
+++ b/public/app/percona/check/components/ServiceChecks/ServiceChecks.styles.ts
@@ -30,11 +30,6 @@ export const getStyles = ({ v1: { colors: v1Colors, spacing }, colors }: Grafana
         ${labelStyles}
       }
     `,
-    actions: css`
-      display: flex;
-      align-items: center;
-      justify-content: center;
-    `,
     disabledRow: css`
       background-color: ${colors.action.disabledBackground} !important;
       opacity: ${colors.action.disabledOpacity};
diff --git a/public/app/percona/check/components/ServiceChecks/ServiceChecks.tsx b/public/app/percona/check/components/ServiceChecks/ServiceChecks.tsx
index cbaa2b52b87a8..b6f7021d2776f 100644
--- a/public/app/percona/check/components/ServiceChecks/ServiceChecks.tsx
+++ b/public/app/percona/check/components/ServiceChecks/ServiceChecks.tsx
@@ -8,7 +8,6 @@ import { GrafanaRouteComponentProps } from 'app/core/navigation/types';
 import { Severity } from 'app/percona/integrated-alerting/components/Severity';
 import { Chip } from 'app/percona/shared/components/Elements/Chip';
 import { ExpandableCell } from 'app/percona/shared/components/Elements/ExpandableCell';
-import { SilenceBell } from 'app/percona/shared/components/Elements/SilenceBell';
 import { ExtendedColumn, Table } from 'app/percona/shared/components/Elements/Table';
 import { useStoredTablePageSize } from 'app/percona/shared/components/Elements/Table/Pagination';
 import { useCancelToken } from 'app/percona/shared/components/hooks/cancelToken.hook';
@@ -63,14 +62,6 @@ export const ServiceChecks: FC<GrafanaRouteComponentProps<{ service: string }>>
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [pageIndex, pageSize, serviceId]);
 
-  const onSilenceClick = useCallback(
-    async (alertId: string, silenced: boolean) => {
-      await CheckService.silenceAlert(alertId, !silenced);
-      fetchChecks();
-    },
-    [fetchChecks]
-  );
-
   const columns = useMemo(
     (): Array<ExtendedColumn<ServiceFailedCheck>> => [
       {
@@ -104,22 +95,8 @@ export const ServiceChecks: FC<GrafanaRouteComponentProps<{ service: string }>>
             </a>
           ) : null,
       },
-      {
-        Header: 'Actions',
-        accessor: 'silenced',
-        width: '30px',
-        Cell: ({ value, row }) => (
-          <span className={styles.actions}>
-            <SilenceBell
-              tooltip={value ? Messages.activate : Messages.silence}
-              silenced={value}
-              onClick={() => onSilenceClick(row.original.alertId, row.original.silenced)}
-            />
-          </span>
-        ),
-      },
     ],
-    [styles.link, styles.actions, onSilenceClick]
+    [styles.link]
   );
 
   const onPaginationChanged = useCallback(