Add a display name for the category metadataKeys entries

Issue-ID: SDC-3737

Signed-off-by: davsad <david.sadlier@est.tech>
Change-Id: Ia9547f02267fd380feeef6be6af10beadd30457b

1 files changed, 8 insertions, 0 deletions

diff --git a/catalog-ui/src/app/view-models/workspace/tabs/general/general-view-model.ts b/catalog-ui/src/app/view-models/workspace/tabs/general/general-view-model.ts
index e766e36899..c423028467 100644
--- a/catalog-ui/src/app/view-models/workspace/tabs/general/general-view-model.ts
+++ b/catalog-ui/src/app/view-models/workspace/tabs/general/general-view-model.ts
@@ -801,6 +801,14 @@ export class GeneralViewModel {
             return [];
         }
 
+        this.$scope.getMetadataDisplayName = (key: string): string => {
+            let metadataKey = this.getMetadataKey(this.$scope.component.categories, key);
+            if (metadataKey) {
+                return metadataKey.displayName ? metadataKey.displayName : metadataKey.name;
+            }
+            return "";
+        }
+
         this.$scope.isMetadataKeyForComponentCategory = (key: string): boolean => {
             return this.getMetadataKey(this.$scope.component.categories, key) != null;
         }