From ea5aab434ac9f40758d99c031c706c2f74b80e6f Mon Sep 17 00:00:00 2001
From: Jeff Puzzo <jpuzzo@redhat.com>
Date: Tue, 1 Oct 2024 12:52:43 -0400
Subject: [PATCH] [RHOAIENG-13781] Storage classes grid not sorting by Display
 Name

---
 frontend/src/pages/storageClasses/constants.ts | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/frontend/src/pages/storageClasses/constants.ts b/frontend/src/pages/storageClasses/constants.ts
index 443a3dd004..f0a059e31f 100644
--- a/frontend/src/pages/storageClasses/constants.ts
+++ b/frontend/src/pages/storageClasses/constants.ts
@@ -14,7 +14,16 @@ export const columns: SortableData<StorageClassKind>[] = [
   {
     field: 'displayName',
     label: ColumnLabel.DisplayName,
-    sortable: (a, b) => a.metadata.name.localeCompare(b.metadata.name),
+    sortable: (a: StorageClassKind, b: StorageClassKind): number => {
+      const configDisplayNameA = getStorageClassConfig(a)?.displayName;
+      const configDisplayNameB = getStorageClassConfig(b)?.displayName;
+
+      if (configDisplayNameA && configDisplayNameB) {
+        return configDisplayNameA.localeCompare(configDisplayNameB);
+      }
+
+      return -1;
+    },
     info: {
       popoverProps: { headerContent: 'Display name' },
       popover: