From cbfecca505822ff424d1c3922526e5820ba59e2a Mon Sep 17 00:00:00 2001 From: Jackson Harper Date: Thu, 22 Dec 2022 10:14:40 +0800 Subject: [PATCH] Sort labels alphabetically on the labels popup --- .../components/templates/article/SetLabelsControl.tsx | 10 +++++++--- 1 file changed, 7 insertions(+), 3 deletions(-) diff --git a/packages/web/components/templates/article/SetLabelsControl.tsx b/packages/web/components/templates/article/SetLabelsControl.tsx index 04deb2b09..34e4306e6 100644 --- a/packages/web/components/templates/article/SetLabelsControl.tsx +++ b/packages/web/components/templates/article/SetLabelsControl.tsx @@ -285,9 +285,13 @@ export function SetLabelsControl(props: SetLabelsControlProps): JSX.Element { if (!labels) { return [] } - return labels.filter((label) => { - return label.name.toLowerCase().includes(filterText.toLowerCase()) - }) + return labels + .filter((label) => { + return label.name.toLowerCase().includes(filterText.toLowerCase()) + }) + .sort((left: Label, right: Label) => { + return left.name.localeCompare(right.name) + }) }, [labels, filterText]) // Move focus through the labels list on tab or arrow up/down keys