Clean up

apps/client/src/app/components/admin-overview/admin-overview.component.ts

@@ -43,7 +43,7 @@ export class AdminOverviewComponent implements OnDestroy, OnInit {
   public transactionCount: number;
   public userCount: number;
   public user: User;
-  public version:any
+  public version: string;
 
   private unsubscribeSubject = new Subject<void>();
 
@@ -204,16 +204,18 @@ export class AdminOverviewComponent implements OnDestroy, OnInit {
     this.adminService
       .fetchAdminData()
       .pipe(takeUntil(this.unsubscribeSubject))
-      .subscribe(({ exchangeRates, settings, transactionCount, userCount ,version }) => {
-        this.coupons = (settings[PROPERTY_COUPONS] as Coupon[]) ?? [];
-        this.customCurrencies = settings[PROPERTY_CURRENCIES] as string[];
-        this.exchangeRates = exchangeRates;
-        this.transactionCount = transactionCount;
-        this.userCount = userCount;
-        this.version = version
-
-        this.changeDetectorRef.markForCheck();
-      });
+      .subscribe(
+        ({ exchangeRates, settings, transactionCount, userCount, version }) => {
+          this.coupons = (settings[PROPERTY_COUPONS] as Coupon[]) ?? [];
+          this.customCurrencies = settings[PROPERTY_CURRENCIES] as string[];
+          this.exchangeRates = exchangeRates;
+          this.transactionCount = transactionCount;
+          this.userCount = userCount;
+          this.version = version;
+
+          this.changeDetectorRef.markForCheck();
+        }
+      );
   }
 
   private generateCouponCode(aLength: number) {

apps/client/src/app/components/admin-overview/admin-overview.html

@@ -5,7 +5,9 @@
         <mat-card-content>
           <div class="d-flex my-3">
             <div class="w-50" i18n>Version</div>
-            <div class="w-50">{{ version }}</div>
+            <div class="w-50">
+              <gf-value [value]="version" />
+            </div>
           </div>
           <div class="d-flex my-3">
             <div class="w-50" i18n>User Count</div>