From 9372a8a62bbe25e1ff7426f65bcf1699eee1a160 Mon Sep 17 00:00:00 2001
From: jpuzz0 <96431149+jpuzz0@users.noreply.github.com>
Date: Tue, 1 Oct 2024 13:37:55 -0400
Subject: [PATCH] [RHOAIENG-13781] Storage classes grid not sorting by Display
 Name (#3283)

---
 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: