IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2025-02-25 18:55:37 -06:00
Code Issues Packages Projects Releases Wiki Activity

Alerting: Use VirtualizedSelect for ContactPointSelector (#82345)

Browse Source 
* Use VirtualizedSelect for ContactPointSelector

* Conditionally use virtualized to keep description when having less than 500 contact points
This commit is contained in:
Sonia Aguilar 2024-02-14 11:43:46 +01:00 committed by GitHub
parent 37c860daf0
commit 92eb2c900e
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 8 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
public/app/features/alerting/unified/components/rule-editor/alert-rule-form/simplifiedRouting/contactPoint/ContactPointSelector.tsx
View File

@ -30,6 +30,8 @@ export interface ContactPointSelectorProps {
refetchReceivers: () => Promise<unknown>;
}
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<ContactPointWithMetadata> =
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 } }) => (
<>
<div className={styles.contactPointsSelector}>
<Select
{...field}
<Select<ContactPointWithMetadata>
virtualized={options.length > MAX_CONTACT_POINTS_RENDERED}
aria-label="Contact point"
defaultValue={selectedContactPointSelectableValue}
onChange={(value: SelectableValue<ContactPointWithMetadata>, _: ActionMeta) => {