diff --git a/.changeset/little-hounds-speak.md b/.changeset/little-hounds-speak.md new file mode 100644 index 000000000..cc61258d5 --- /dev/null +++ b/.changeset/little-hounds-speak.md @@ -0,0 +1,5 @@ +--- +"@hyperdx/app": minor +--- + +feat: Sort source dropdown alphabetically diff --git a/packages/app/src/components/SourceSelect.tsx b/packages/app/src/components/SourceSelect.tsx index 601870d7f..62f7bdb0e 100644 --- a/packages/app/src/components/SourceSelect.tsx +++ b/packages/app/src/components/SourceSelect.tsx @@ -61,15 +61,17 @@ function SourceSelectControlledComponent({ const values = useMemo( () => [ - ...(data - ?.filter( - source => - !allowedSourceKinds || allowedSourceKinds.includes(source.kind), - ) - .map(d => ({ - value: d.id, - label: d.name, - })) ?? []), + ...( + data + ?.filter( + source => + !allowedSourceKinds || allowedSourceKinds.includes(source.kind), + ) + .map(d => ({ + value: d.id, + label: d.name, + })) ?? [] + ).sort((a, b) => a.label.localeCompare(b.label)), ...(onCreate && !hasLocalDefaultSources ? [ {