From 29b8ac00dad1380b05cdd61fc1735580c8aa9bec Mon Sep 17 00:00:00 2001
From: Ian Bolton <ibolton@redhat.com>
Date: Wed, 11 Oct 2023 14:03:05 +0000
Subject: [PATCH] :bug: Tag categories sort logic in form select (#1455)

https://issues.redhat.com/browse/MTA-1379

Signed-off-by: ibolton336 <ibolton@redhat.com>
---
 .../pages/controls/tags/components/tag-form.tsx  | 16 ++++++++++------
 1 file changed, 10 insertions(+), 6 deletions(-)

diff --git a/client/src/app/pages/controls/tags/components/tag-form.tsx b/client/src/app/pages/controls/tags/components/tag-form.tsx
index 096fff68d6..75e0774090 100644
--- a/client/src/app/pages/controls/tags/components/tag-form.tsx
+++ b/client/src/app/pages/controls/tags/components/tag-form.tsx
@@ -48,12 +48,16 @@ export const TagForm: React.FC<TagFormProps> = ({ tag, onClose }) => {
 
   const { tagCategories } = useFetchTagCategories();
 
-  const tagCategoryOptions = tagCategories.map((tagCategory: TagCategory) => {
-    return {
-      value: tagCategory.name,
-      toString: () => tagCategory.name,
-    };
-  });
+  const tagCategoryOptions = useMemo(() => {
+    const options = tagCategories.map((tagCategory: TagCategory) => {
+      return {
+        value: tagCategory.name,
+        toString: () => tagCategory.name,
+      };
+    });
+
+    return options.sort((a, b) => a.value.localeCompare(b.value));
+  }, [tagCategories]);
 
   const tagCategoryInitialValue: ITagCategoryDropdown | null = useMemo(() => {
     const matchingTagCategory = tagCategories