Added sorting for new tasks and workflow dropdowns (#1433)

* Added sorting for new tasks and workflow dropdowns

* Added changeset

* resolve comments

Author: Georgi2704

.changeset/sweet-wasps-look.md

@@ -0,0 +1,5 @@
+---
+'@orchestrator-ui/orchestrator-ui-components': patch
+---
+
+1406 Added sorting for new tasks and workflow dropdowns

packages/orchestrator-ui-components/src/components/WfoStartButton/WfoStartTaskComboBox.tsx

@@ -18,14 +18,14 @@ export const WfoStartTaskButtonComboBox = () => {
     const { data } = useGetTaskOptionsQuery();
     const taskOptions = data?.startOptions || [];
 
-    const comboBoxOptions: StartComboBoxOption[] = taskOptions.map(
-        (option) => ({
+    const comboBoxOptions: StartComboBoxOption[] = [...taskOptions]
+        .map((option) => ({
             data: {
                 workflowName: option.name,
             },
-            label: option.description || '',
-        }),
-    );
+            label: option.description ?? option.name,
+        }))
+        .sort((taskA, taskB) => taskA.label.localeCompare(taskB.label));
 
     const handleOptionChange = async (selectedProduct: StartComboBoxOption) => {
         if (await isEngineRunningNow()) {

packages/orchestrator-ui-components/src/components/WfoStartButton/WfoStartWorkflowComboBox.tsx

@@ -18,15 +18,17 @@ export const WfoStartWorkflowButtonComboBox = () => {
     const { data } = useGetWorkflowOptionsQuery();
     const workflowOptions = data?.startOptions || [];
 
-    const comboBoxOptions: StartComboBoxOption[] = workflowOptions.map(
-        (option) => ({
+    const comboBoxOptions: StartComboBoxOption[] = [...workflowOptions]
+        .sort((workflowA, workflowB) =>
+            workflowA.productName.localeCompare(workflowB.productName),
+        )
+        .map((option) => ({
             data: {
                 workflowName: option.workflowName,
                 productId: option.productId,
             },
             label: option.productName || '',
-        }),
-    );
+        }));
 
     const handleOptionChange = async (selectedProduct: StartComboBoxOption) => {
         if (await isEngineRunningNow()) {