🐛 Tag categories sort logic in form select (#1455)

https://issues.redhat.com/browse/MTA-1379 Signed-off-by: ibolton336 <ibolton@redhat.com>
konveyor · Oct 11, 2023 · 29b8ac0 · 29b8ac0
1 parent 82de730
commit 29b8ac0
Showing 1 changed file with 10 additions and 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
@@ -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