memoize alert suppression label

elastic · Nov 9, 2024 · a745071 · a745071
1 parent f8b460f
commit a745071
Showing 1 changed file with 12 additions and 7 deletions.
diff --git a/...y_solution/public/detection_engine/rule_creation_ui/components/step_define_rule/index.tsx b/...y_solution/public/detection_engine/rule_creation_ui/components/step_define_rule/index.tsx
@@ -498,6 +498,17 @@ const StepDefineRuleComponent: FC<StepDefineRuleProps> = ({
     }
   }, [esqlSuppressionFields, mlSuppressionFields, ruleType, termsAggregationFields]);
 
+  const alertSuppressionFieldsAppendText = useMemo(
+    () => (
+      <EuiText color="subdued" size="xs">
+        {isSuppressionRuleInGA(ruleType)
+          ? i18n.ALERT_SUPPRESSION_FIELDS_GA_LABEL_APPEND
+          : i18n.ALERT_SUPPRESSION_FIELDS_TECH_PREVIEW_LABEL_APPEND}
+      </EuiText>
+    ),
+    [ruleType]
+  );
+
   const dataViewIndexPatternToggleButtonOptions: EuiButtonGroupOptionProps[] = useMemo(
     () => [
       {
@@ -938,13 +949,7 @@ const StepDefineRuleComponent: FC<StepDefineRuleProps> = ({
             ) : (
               <AlertSuppressionEdit
                 suppressibleFields={suppressionGroupByFields}
-                labelAppend={
-                  <EuiText color="subdued" size="xs">
-                    {isSuppressionRuleInGA(ruleType)
-                      ? i18n.ALERT_SUPPRESSION_FIELDS_GA_LABEL_APPEND
-                      : i18n.ALERT_SUPPRESSION_FIELDS_TECH_PREVIEW_LABEL_APPEND}
-                  </EuiText>
-                }
+                labelAppend={alertSuppressionFieldsAppendText}
                 warningText={
                   isMlSuppressionIncomplete
                     ? i18n.MACHINE_LEARNING_SUPPRESSION_INCOMPLETE_LABEL