diff --git a/public/app/features/alerting/unified/components/rule-editor/alert-rule-form/simplifiedRouting/contactPoint/ContactPointSelector.tsx b/public/app/features/alerting/unified/components/rule-editor/alert-rule-form/simplifiedRouting/contactPoint/ContactPointSelector.tsx index 5788b9dd44a..1e7d178496b 100644 --- a/public/app/features/alerting/unified/components/rule-editor/alert-rule-form/simplifiedRouting/contactPoint/ContactPointSelector.tsx +++ b/public/app/features/alerting/unified/components/rule-editor/alert-rule-form/simplifiedRouting/contactPoint/ContactPointSelector.tsx @@ -30,6 +30,8 @@ export interface ContactPointSelectorProps { refetchReceivers: () => Promise; } +const MAX_CONTACT_POINTS_RENDERED = 500; + export function ContactPointSelector({ alertManager, options, @@ -42,9 +44,10 @@ export function ContactPointSelector({ const contactPointInForm = watch(`contactPoints.${alertManager}.selectedContactPoint`); const selectedContactPointWithMetadata = options.find((option) => option.value.name === contactPointInForm)?.value; - const selectedContactPointSelectableValue = selectedContactPointWithMetadata - ? { value: selectedContactPointWithMetadata, label: selectedContactPointWithMetadata.name } - : undefined; + const selectedContactPointSelectableValue: SelectableValue = + selectedContactPointWithMetadata + ? { value: selectedContactPointWithMetadata, label: selectedContactPointWithMetadata.name } + : { value: undefined, label: '' }; const LOADING_SPINNER_DURATION = 1000; @@ -80,8 +83,8 @@ export function ContactPointSelector({ render={({ field: { onChange, ref, ...field }, fieldState: { error } }) => ( <>
-