From 39c2a76972f3c473554a2308c82dfbcd3e535ef2 Mon Sep 17 00:00:00 2001
From: jliddev <jliddev@gmail.com>
Date: Tue, 27 Oct 2020 23:02:43 -0500
Subject: [PATCH] fix #239

---
 .../app/business-objects/my-addon-list-item.ts   |  3 +++
 .../app/pages/my-addons/my-addons.component.html | 16 ++++++++--------
 .../app/pages/my-addons/my-addons.component.ts   |  3 ++-
 3 files changed, 13 insertions(+), 9 deletions(-)

diff --git a/wowup-electron/src/app/business-objects/my-addon-list-item.ts b/wowup-electron/src/app/business-objects/my-addon-list-item.ts
index 0d16749a..3dbb7d0a 100644
--- a/wowup-electron/src/app/business-objects/my-addon-list-item.ts
+++ b/wowup-electron/src/app/business-objects/my-addon-list-item.ts
@@ -12,6 +12,9 @@ export class AddonViewModel {
   public stateTextTranslationKey: string = "";
   public selected: boolean = false;
 
+  get installedAt(){
+    return new Date(this.addon?.installedAt);
+  }
   get hasThumbnail() {
     return !!this.addon.thumbnailUrl;
   }
diff --git a/wowup-electron/src/app/pages/my-addons/my-addons.component.html b/wowup-electron/src/app/pages/my-addons/my-addons.component.html
index c40f1be9..5dae89f7 100644
--- a/wowup-electron/src/app/pages/my-addons/my-addons.component.html
+++ b/wowup-electron/src/app/pages/my-addons/my-addons.component.html
@@ -54,7 +54,7 @@
     <h1>No Addons found</h1>
   </div>
 
-  <div class="table-container flex-grow-1" [hidden]="isBusy === true || sortedListItems.length === 0" >
+  <div class="table-container flex-grow-1" [hidden]="isBusy === true || sortedListItems.length === 0">
     <table mat-table matSort [dataSource]="dataSource" class="mat-elevation-z8">
       <ng-container matColumnDef="addon.name">
         <th mat-header-cell mat-sort-header *matHeaderCellDef>
@@ -73,14 +73,14 @@
         </td>
       </ng-container>
 
-      <ng-container matColumnDef="addon.installedAt">
+      <ng-container matColumnDef="installedAt">
         <th class="installed-at-cell" mat-header-cell mat-sort-header *matHeaderCellDef>
           {{'PAGES.MY_ADDONS.TABLE.UPDATED_AT_COLUMN_HEADER' | translate}}
         </th>
         <td mat-cell *matCellDef="let element" class="cell-padding"
-          [matTooltip]="'COMMON.DATES.DATETIME_SHORT' | translate: {d: element.addon.installedAt}"
-            matTooltipPosition="above" matTooltipShowDelay="500">
-          {{element.addon.installedAt | relativeDuration}}
+          [matTooltip]="'COMMON.DATES.DATETIME_SHORT' | translate: {d: element.installedAt}" matTooltipPosition="above"
+          matTooltipShowDelay="500">
+          {{element.installedAt | relativeDuration}}
         </td>
       </ng-container>
 
@@ -98,8 +98,8 @@
           {{'PAGES.MY_ADDONS.TABLE.RELEASED_AT_COLUMN_HEADER' | translate}}
         </th>
         <td mat-cell *matCellDef="let element" class="cell-padding"
-          [matTooltip]="'COMMON.DATES.DATETIME_SHORT' | translate: {d: element.addon.releasedAt}" 
-            matTooltipPosition="above" matTooltipShowDelay="500">
+          [matTooltip]="'COMMON.DATES.DATETIME_SHORT' | translate: {d: element.addon.releasedAt}"
+          matTooltipPosition="above" matTooltipShowDelay="500">
           {{element.addon.releasedAt | relativeDuration}}
         </td>
       </ng-container>
@@ -295,4 +295,4 @@
       {{'PAGES.MY_ADDONS.UPDATE_ALL_CONTEXT_MENU.UPDATE_ALL_CLIENTS_BUTTON' | translate}}
     </button>
   </ng-template>
-</mat-menu>
+</mat-menu>
\ No newline at end of file
diff --git a/wowup-electron/src/app/pages/my-addons/my-addons.component.ts b/wowup-electron/src/app/pages/my-addons/my-addons.component.ts
index d85d492e..a5a57aca 100644
--- a/wowup-electron/src/app/pages/my-addons/my-addons.component.ts
+++ b/wowup-electron/src/app/pages/my-addons/my-addons.component.ts
@@ -72,7 +72,7 @@ export class MyAddonsComponent implements OnInit, OnDestroy {
     { name: "addon.name", display: "Addon", visible: true },
     { name: "sortOrder", display: "Status", visible: true },
     {
-      name: "addon.installedAt",
+      name: "installedAt",
       display: "Updated At",
       visible: true,
       allowToggle: true,
@@ -192,6 +192,7 @@ export class MyAddonsComponent implements OnInit, OnDestroy {
     const dataSourceSortSubscription = this.dataSource
       .connect()
       .subscribe((sortedListItems) => {
+        console.debug('sortedListItems', sortedListItems)
         this.sortedListItems = sortedListItems;
         this.setPageContextText();
       });