From c7eef3ee04057d8a89f9797a5b2834dedc6e6719 Mon Sep 17 00:00:00 2001
From: Matej Kubinec <matej.kubinec@3pillarglobal.com>
Date: Thu, 29 Feb 2024 07:03:26 +0100
Subject: [PATCH] PMM-12741 Add check for alerting enabled

---
 .../unified/MoreActionsRuleButtons.tsx        | 21 ++++++++++-------
 .../unified/components/rules/NoRulesCTA.tsx   | 23 +++++++++++--------
 .../integrated-alerting/hooks/index.ts        |  1 +
 .../hooks/usePerconaAlertingEnabled.ts        |  8 +++++++
 4 files changed, 36 insertions(+), 17 deletions(-)
 create mode 100644 public/app/percona/integrated-alerting/hooks/index.ts
 create mode 100644 public/app/percona/integrated-alerting/hooks/usePerconaAlertingEnabled.ts

diff --git a/public/app/features/alerting/unified/MoreActionsRuleButtons.tsx b/public/app/features/alerting/unified/MoreActionsRuleButtons.tsx
index ea5f10d63959f..7e3fc61e48995 100644
--- a/public/app/features/alerting/unified/MoreActionsRuleButtons.tsx
+++ b/public/app/features/alerting/unified/MoreActionsRuleButtons.tsx
@@ -5,6 +5,7 @@ import { useToggle } from 'react-use';
 
 import { urlUtil } from '@grafana/data';
 import { Button, Dropdown, Icon, LinkButton, Menu, MenuItem } from '@grafana/ui';
+import { usePerconaAlertingEnabled } from 'app/percona/integrated-alerting/hooks';
 
 import { logInfo, LogMessages } from './Analytics';
 import { GrafanaRulesExporter } from './components/export/GrafanaRulesExporter';
@@ -18,6 +19,8 @@ export function MoreActionsRuleButtons({}: Props) {
   const [exportRulesSupported, exportRulesAllowed] = useAlertingAbility(AlertingAction.ExportGrafanaManagedRules);
 
   const location = useLocation();
+  // @PERCONA
+  const perconaAlertingEnabled = usePerconaAlertingEnabled();
   const [showExportDrawer, toggleShowExportDrawer] = useToggle(false);
 
   const canCreateGrafanaRules = createRuleSupported && createRuleAllowed;
@@ -49,15 +52,17 @@ export function MoreActionsRuleButtons({}: Props) {
       {(canCreateGrafanaRules || canCreateCloudRules) && (
         <>
           {/* @PERCONA */}
+          {perconaAlertingEnabled && (
+            <LinkButton
+              href={urlUtil.renderUrl('alerting/new-from-template', { returnTo: location.pathname + location.search })}
+              icon="plus"
+              onClick={() => logInfo(LogMessages.alertRuleFromScratch)}
+            >
+              New alert rule from template
+            </LinkButton>
+          )}
           <LinkButton
-            href={urlUtil.renderUrl('alerting/new-from-template', { returnTo: location.pathname + location.search })}
-            icon="plus"
-            onClick={() => logInfo(LogMessages.alertRuleFromScratch)}
-          >
-            New alert rule from template
-          </LinkButton>
-          <LinkButton
-            variant="secondary"
+            variant={perconaAlertingEnabled ? 'secondary' : 'primary'}
             href={urlUtil.renderUrl('alerting/new/alerting', { returnTo: location.pathname + location.search })}
             icon="plus"
             onClick={() => logInfo(LogMessages.alertRuleFromScratch)}
diff --git a/public/app/features/alerting/unified/components/rules/NoRulesCTA.tsx b/public/app/features/alerting/unified/components/rules/NoRulesCTA.tsx
index 1b1ea6d4d2a34..ea582b10bba96 100644
--- a/public/app/features/alerting/unified/components/rules/NoRulesCTA.tsx
+++ b/public/app/features/alerting/unified/components/rules/NoRulesCTA.tsx
@@ -4,11 +4,14 @@ import React from 'react';
 import { GrafanaTheme2 } from '@grafana/data/src/themes';
 import { CallToActionCard, useStyles2, Stack } from '@grafana/ui';
 import EmptyListCTA from 'app/core/components/EmptyListCTA/EmptyListCTA';
+import { usePerconaAlertingEnabled } from 'app/percona/integrated-alerting/hooks';
 
 import { logInfo, LogMessages } from '../../Analytics';
 import { useRulesAccess } from '../../utils/accessControlHooks';
 
 export const NoRulesSplash = () => {
+  // @PERCONA
+  const perconaAlertingEnabled = usePerconaAlertingEnabled();
   const { canCreateGrafanaRules, canCreateCloudRules } = useRulesAccess();
   const styles = useStyles2(getStyles);
   if (canCreateGrafanaRules || canCreateCloudRules) {
@@ -16,15 +19,17 @@ export const NoRulesSplash = () => {
       <div>
         <p>{"You haven't created any alert rules yet"}</p>
         <Stack gap={1} wrap="wrap">
-          <div className={cx(styles.newRuleCard, styles.fullWidth)}>
-            <EmptyListCTA
-              title=""
-              buttonIcon="plus"
-              buttonLink="alerting/new-from-template"
-              buttonTitle="New alert rule from template"
-              onClick={() => logInfo(LogMessages.alertRuleFromScratch)}
-            />
-          </div>
+          {perconaAlertingEnabled && (
+            <div className={cx(styles.newRuleCard, styles.fullWidth)}>
+              <EmptyListCTA
+                title=""
+                buttonIcon="plus"
+                buttonLink="alerting/new-from-template"
+                buttonTitle="New alert rule from template"
+                onClick={() => logInfo(LogMessages.alertRuleFromScratch)}
+              />
+            </div>
+          )}
 
           <div className={styles.newRuleCard}>
             <EmptyListCTA
diff --git a/public/app/percona/integrated-alerting/hooks/index.ts b/public/app/percona/integrated-alerting/hooks/index.ts
new file mode 100644
index 0000000000000..a113d7a9008c2
--- /dev/null
+++ b/public/app/percona/integrated-alerting/hooks/index.ts
@@ -0,0 +1 @@
+export * from './usePerconaAlertingEnabled';
diff --git a/public/app/percona/integrated-alerting/hooks/usePerconaAlertingEnabled.ts b/public/app/percona/integrated-alerting/hooks/usePerconaAlertingEnabled.ts
new file mode 100644
index 0000000000000..aab89c4946a5c
--- /dev/null
+++ b/public/app/percona/integrated-alerting/hooks/usePerconaAlertingEnabled.ts
@@ -0,0 +1,8 @@
+import { getPerconaSettings } from 'app/percona/shared/core/selectors';
+import { useSelector } from 'app/types';
+
+export const usePerconaAlertingEnabled = (): boolean => {
+  const { result: settings } = useSelector(getPerconaSettings);
+
+  return !!settings?.alertingEnabled;
+};