Merge pull request #173 from devtron-labs/feat/release-tenant-updates

feat: add sorting for the cluster list

Author: eshankvaish

package-lock.json

@@ -1,6 +1,6 @@
 {
     "name": "@devtron-labs/devtron-fe-common-lib",
-    "version": "0.0.84-beta-3",
+    "version": "0.0.84-beta-6",
     "description": "Supporting common component library",
     "type": "module",
     "main": "dist/index.js",

package.json

@@ -53,7 +53,7 @@ export const DeleteDialog: React.FC<DeleteDialogProps> & { Description?: React.F
     const getLabel = () => (
         <span>
             Type
-            <span className="fw-6">&nbsp;&apos;{deleteConfirmationText}&apos;&nbsp;</span>
+            <span className="fw-6 dc__word-break">&nbsp;&apos;{deleteConfirmationText}&apos;&nbsp;</span>
             to confirm
         </span>
     )

src/Common/Dialogs/DeleteDialog.tsx

@@ -1,9 +1,10 @@
+import { stringComparatorBySortOrder } from '../Helpers'
 import { clusterListData } from './mock'
 import { ClusterType } from './types'
 
 export const getClusterList = async (): Promise<ClusterType[]> =>
     new Promise((resolve) => {
         setTimeout(() => {
-            resolve(clusterListData)
+            resolve(clusterListData.sort((a, b) => stringComparatorBySortOrder(a.name, b.name)))
         }, 1000)
     })