Fix filter option sorting for audit dashboard

With this commit, the filter options should be sorted alphabetically, like they were in the past. Signed-off-by: Nick Gerace <[email protected]>
systeminit · Dec 4, 2024 · a4c1670 · a4c1670
1 parent dd2ddd1
commit a4c1670
Showing 1 changed file with 11 additions and 5 deletions.
diff --git a/app/web/src/store/logs.store.ts b/app/web/src/store/logs.store.ts
@@ -150,37 +150,43 @@ export const useLogsStore = (forceChangeSetId?: ChangeSetId) => {
                 Object.keys(inProgressChangeSets).forEach((key) => {
                   resultForChangeSet.push({ label: key, value: key });
                 });
-                resultForChangeSet.sort();
+                resultForChangeSet.sort((a, b) =>
+                  a.label.localeCompare(b.label),
+                );
                 this.headerOptions.changeSet = resultForChangeSet;
 
                 const resultForEntityName: { label: string; value: string }[] =
                   [];
                 Object.keys(inProgressEntityNames).forEach((key) => {
                   resultForEntityName.push({ label: key, value: key });
                 });
-                resultForEntityName.sort();
+                resultForEntityName.sort((a, b) =>
+                  a.label.localeCompare(b.label),
+                );
                 this.headerOptions.entityName = resultForEntityName;
 
                 const resultForEntityType: { label: string; value: string }[] =
                   [];
                 Object.keys(inProgressEntityTypes).forEach((key) => {
                   resultForEntityType.push({ label: key, value: key });
                 });
-                resultForEntityType.sort();
+                resultForEntityType.sort((a, b) =>
+                  a.label.localeCompare(b.label),
+                );
                 this.headerOptions.entityType = resultForEntityType;
 
                 const resultForTitle: { label: string; value: string }[] = [];
                 Object.keys(inProgressTitles).forEach((key) => {
                   resultForTitle.push({ label: key, value: key });
                 });
-                resultForTitle.sort();
+                resultForTitle.sort((a, b) => a.label.localeCompare(b.label));
                 this.headerOptions.title = resultForTitle;
 
                 const resultForUser: { label: string; value: string }[] = [];
                 Object.keys(inProgressUsers).forEach((key) => {
                   resultForUser.push({ label: key, value: key });
                 });
-                resultForUser.sort();
+                resultForUser.sort((a, b) => a.label.localeCompare(b.label));
                 this.headerOptions.user = resultForUser;
               },
             });