{canRemove && (
@@ -244,8 +249,7 @@ export default function AlertRuleGraphEditor({
isLast={false}
title={t("alertingSectionSource")}
accent={{
- labelClass:
- "text-emerald-600 dark:text-emerald-400",
+ labelClass: "",
icon: Flag
}}
>
@@ -268,8 +272,7 @@ export default function AlertRuleGraphEditor({
isLast={false}
title={t("alertingSectionTrigger")}
accent={{
- labelClass:
- "text-amber-600 dark:text-amber-400",
+ labelClass: "",
icon: Cog
}}
>
@@ -291,8 +294,7 @@ export default function AlertRuleGraphEditor({
isLast
title={t("alertingSectionActions")}
accent={{
- labelClass:
- "text-blue-600 dark:text-blue-400",
+ labelClass: "",
icon: Zap
}}
>
@@ -337,21 +339,36 @@ export default function AlertRuleGraphEditor({
}
}}
/>
- {fields.map((f, index) => (
-
- remove(index)
- }
- onUpdate={(val) =>
- update(index, val)
- }
- canRemove
+ {fields.length > 0 && (
+
+ )}
+ {fields.map((f, index) => (
+
+ {index > 0 && (
+
+ )}
+
+ remove(index)
+ }
+ onUpdate={(val) =>
+ update(index, val)
+ }
+ canRemove
+ />
+
))}