From 77181343011df8e745c05de2b5ae35f54980864f Mon Sep 17 00:00:00 2001
From: Shijun Sun <30999793+AllForNothing@users.noreply.github.com>
Date: Wed, 15 Nov 2023 15:25:55 +0800
Subject: [PATCH] Add quota sorting to the project quotas list (#19576)

1. For #16517

Signed-off-by: AllForNothing <sshijun@vmware.com>
---
 .../project-quotas/project-quotas.component.html              | 4 +++-
 .../project-quotas/project-quotas/project-quotas.component.ts | 2 ++
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/portal/src/app/base/left-side-nav/project-quotas/project-quotas/project-quotas.component.html b/src/portal/src/app/base/left-side-nav/project-quotas/project-quotas/project-quotas.component.html
index 51c63c839..c37510b7c 100644
--- a/src/portal/src/app/base/left-side-nav/project-quotas/project-quotas/project-quotas.component.html
+++ b/src/portal/src/app/base/left-side-nav/project-quotas/project-quotas/project-quotas.component.html
@@ -67,7 +67,9 @@
                 </clr-dg-action-bar>
                 <clr-dg-column>{{ 'QUOTA.PROJECT' | translate }}</clr-dg-column>
                 <clr-dg-column>{{ 'QUOTA.OWNER' | translate }}</clr-dg-column>
-                <clr-dg-column>{{ 'QUOTA.STORAGE' | translate }}</clr-dg-column>
+                <clr-dg-column [clrDgSortBy]="'used.storage'">{{
+                    'QUOTA.STORAGE' | translate
+                }}</clr-dg-column>
                 <clr-dg-placeholder>{{
                     'QUOTA.PLACEHOLDER' | translate
                 }}</clr-dg-placeholder>
diff --git a/src/portal/src/app/base/left-side-nav/project-quotas/project-quotas/project-quotas.component.ts b/src/portal/src/app/base/left-side-nav/project-quotas/project-quotas/project-quotas.component.ts
index 302dc1534..16aab76af 100644
--- a/src/portal/src/app/base/left-side-nav/project-quotas/project-quotas/project-quotas.component.ts
+++ b/src/portal/src/app/base/left-side-nav/project-quotas/project-quotas/project-quotas.component.ts
@@ -20,6 +20,7 @@ import {
     getPageSizeFromLocalStorage,
     PageSizeMapKeys,
     setPageSizeToLocalStorage,
+    getSortingString,
 } from '../../../../shared/units/utils';
 import { ErrorHandler } from '../../../../shared/units/error-handler';
 import {
@@ -242,6 +243,7 @@ export class ProjectQuotasComponent implements OnChanges {
                 reference: QuotaType,
                 page: pageNumber,
                 pageSize: this.pageSize,
+                sort: getSortingString(state),
             })
             .pipe(
                 finalize(() => {