From d102a73e5299f87434e627d05856ed3909643af6 Mon Sep 17 00:00:00 2001
From: RehanY147 <rehanyousaf147@gmail.com>
Date: Thu, 9 Jan 2025 11:27:21 +0500
Subject: [PATCH] NAS-133213: Handle null latest_version (#11305)

---
 .../app-update-cell.component.html              |  2 +-
 .../app-update-cell.component.ts                | 17 +++++++++++++++--
 2 files changed, 16 insertions(+), 3 deletions(-)

diff --git a/src/app/pages/apps/components/installed-apps/app-update-cell/app-update-cell.component.html b/src/app/pages/apps/components/installed-apps/app-update-cell/app-update-cell.component.html
index 7afc527d6da..dd25b423e3a 100644
--- a/src/app/pages/apps/components/installed-apps/app-update-cell/app-update-cell.component.html
+++ b/src/app/pages/apps/components/installed-apps/app-update-cell/app-update-cell.component.html
@@ -4,7 +4,7 @@
       class="icon"
       matTooltipPosition="above"
       name="mdi-alert-circle"
-      [matTooltip]="'{version} is available!' | translate: { version: app().latest_version | appVersion }"
+      [matTooltip]="getVersionMsg(app().latest_version)"
     ></ix-icon>
   } @else {
     <ix-icon
diff --git a/src/app/pages/apps/components/installed-apps/app-update-cell/app-update-cell.component.ts b/src/app/pages/apps/components/installed-apps/app-update-cell/app-update-cell.component.ts
index a86e9b28344..f2ecce7262a 100644
--- a/src/app/pages/apps/components/installed-apps/app-update-cell/app-update-cell.component.ts
+++ b/src/app/pages/apps/components/installed-apps/app-update-cell/app-update-cell.component.ts
@@ -5,7 +5,7 @@ import {
   input,
 } from '@angular/core';
 import { MatTooltipModule } from '@angular/material/tooltip';
-import { TranslateModule } from '@ngx-translate/core';
+import { TranslateModule, TranslateService } from '@ngx-translate/core';
 import { App } from 'app/interfaces/app.interface';
 import { IxIconComponent } from 'app/modules/ix-icon/ix-icon.component';
 import { AppVersionPipe } from 'app/pages/dashboard/widgets/apps/common/utils/app-version.pipe';
@@ -16,7 +16,8 @@ import { AppVersionPipe } from 'app/pages/dashboard/widgets/apps/common/utils/ap
   styleUrls: ['./app-update-cell.component.scss'],
   changeDetection: ChangeDetectionStrategy.OnPush,
   standalone: true,
-  imports: [TranslateModule, MatTooltipModule, IxIconComponent, AppVersionPipe],
+  providers: [AppVersionPipe],
+  imports: [TranslateModule, MatTooltipModule, IxIconComponent],
 })
 export class AppUpdateCellComponent {
   app = input.required<App>();
@@ -26,4 +27,16 @@ export class AppUpdateCellComponent {
   @HostBinding('class') get hostClasses(): string[] {
     return ['update', this.showIcon() ? 'has-icon' : 'has-cell'];
   }
+
+  constructor(
+    private translate: TranslateService,
+    private appVersionPipe: AppVersionPipe,
+  ) {}
+
+  protected getVersionMsg(version: string): string {
+    return this.translate.instant(
+      '{version} is available!',
+      { version: this.appVersionPipe.transform(version) || 'Upgrade' },
+    );
+  }
 }