From 8704a24f262845d0e019d0ec32bbb5dd16ac215f Mon Sep 17 00:00:00 2001
From: Hornwitser <github@hornwitser.no>
Date: Mon, 15 Jan 2024 03:36:02 +0100
Subject: [PATCH] Sort hosts in AssignInstanceModal (#542)

---
 packages/web_ui/src/components/AssignInstanceModal.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/packages/web_ui/src/components/AssignInstanceModal.tsx b/packages/web_ui/src/components/AssignInstanceModal.tsx
index 6749cb55..7bed4250 100644
--- a/packages/web_ui/src/components/AssignInstanceModal.tsx
+++ b/packages/web_ui/src/components/AssignInstanceModal.tsx
@@ -9,6 +9,7 @@ import { notifyErrorHandler } from "../util/notify";
 import { useHosts } from "../model/host";
 
 const { Paragraph } = Typography;
+const strcmp = new Intl.Collator(undefined, { numeric: true, sensitivity: "base" }).compare;
 
 
 type AssignInstanceModalProps = {
@@ -80,7 +81,7 @@ export default function AssignInstanceModal(props: AssignInstanceModalProps) {
 						<Select.Option value={"null"}>
 							<Typography.Text italic>Unassigned</Typography.Text>
 						</Select.Option>
-						{[...hosts.values()].map((host) => <Select.Option
+						{[...hosts.values()].sort((a, b) => strcmp(a.name, b.name)).map((host) => <Select.Option
 							key={host["id"]}
 							value={host["id"]}
 							disabled={!host["connected"]}