PMM-12741 Add check for alerting enabled

percona · Feb 29, 2024 · c7eef3e · c7eef3e
1 parent f0d8b6b
commit c7eef3e
Show file tree

Hide file tree

Showing 4 changed files with 36 additions and 17 deletions.
diff --git 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
@@ -4,27 +4,32 @@ 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) {
     return (
       <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
@@ -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
@@ -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;
+};