From 2ae6919de987d4949db6370cac31d669221d4a4f Mon Sep 17 00:00:00 2001
From: danoswaltCL <doswalt@carnegielearning.com>
Date: Mon, 10 Jun 2024 15:39:15 -0400
Subject: [PATCH] add chip and date format in root table

---
 .../feature-flag-root-section-card-table.component.html     | 6 ++++--
 .../feature-flag-root-section-card-table.component.ts       | 5 ++++-
 2 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/frontend/projects/upgrade/src/app/features/dashboard/feature-flags/pages/feature-flag-root-page/feature-flag-root-page-content/feature-flag-root-section-card/feature-flag-root-section-card-table/feature-flag-root-section-card-table.component.html b/frontend/projects/upgrade/src/app/features/dashboard/feature-flags/pages/feature-flag-root-page/feature-flag-root-page-content/feature-flag-root-section-card/feature-flag-root-section-card-table/feature-flag-root-section-card-table.component.html
index fc14acace7..6e80bef9df 100644
--- a/frontend/projects/upgrade/src/app/features/dashboard/feature-flags/pages/feature-flag-root-page/feature-flag-root-page-content/feature-flag-root-section-card/feature-flag-root-section-card-table/feature-flag-root-section-card-table.component.html
+++ b/frontend/projects/upgrade/src/app/features/dashboard/feature-flags/pages/feature-flag-root-page/feature-flag-root-page-content/feature-flag-root-section-card/feature-flag-root-section-card-table/feature-flag-root-section-card-table.component.html
@@ -41,7 +41,9 @@
         <th class="ft-12-700" mat-header-cell *matHeaderCellDef mat-sort-header>
           <span [matTooltip]="FLAG_TRANSLATION_KEYS.STATUS | translate" matTooltipPosition="above">{{ FLAG_TRANSLATION_KEYS.STATUS | translate | uppercase }}</span>
         </th>
-        <td class="ft-12-600" mat-cell *matCellDef="let flag">{{ flag.status }}</td>
+        <td class="ft-12-600" mat-cell *matCellDef="let flag">
+          <app-common-status-indicator-chip [chipClass]="flag.status"></app-common-status-indicator-chip>
+        </td>
       </ng-container>
 
       <ng-container [matColumnDef]="FLAG_ROOT_COLUMN_NAMES.UPDATED_AT">
@@ -51,7 +53,7 @@
           </span>
         </th>
         <td class="ft-12-600" mat-cell *matCellDef="let flag">
-          {{ flag.updatedAt }}
+          {{ flag.updatedAt | date: 'MMM d, y h:mm a' }}
         </td>
       </ng-container>
 
diff --git a/frontend/projects/upgrade/src/app/features/dashboard/feature-flags/pages/feature-flag-root-page/feature-flag-root-page-content/feature-flag-root-section-card/feature-flag-root-section-card-table/feature-flag-root-section-card-table.component.ts b/frontend/projects/upgrade/src/app/features/dashboard/feature-flags/pages/feature-flag-root-page/feature-flag-root-page-content/feature-flag-root-section-card/feature-flag-root-section-card-table/feature-flag-root-section-card-table.component.ts
index 202f29600d..c0d0a70b70 100644
--- a/frontend/projects/upgrade/src/app/features/dashboard/feature-flags/pages/feature-flag-root-page/feature-flag-root-page-content/feature-flag-root-section-card/feature-flag-root-section-card-table/feature-flag-root-section-card-table.component.ts
+++ b/frontend/projects/upgrade/src/app/features/dashboard/feature-flags/pages/feature-flag-root-page/feature-flag-root-page-content/feature-flag-root-section-card/feature-flag-root-section-card-table/feature-flag-root-section-card-table.component.ts
@@ -7,11 +7,12 @@ import {
   FeatureFlag,
 } from '../../../../../../../../core/feature-flags/store/feature-flags.model';
 import { MatTableDataSource, MatTableModule } from '@angular/material/table';
-import { AsyncPipe, NgIf, NgFor, UpperCasePipe } from '@angular/common';
+import { AsyncPipe, NgIf, NgFor, UpperCasePipe, DatePipe } from '@angular/common';
 import { MatTooltipModule } from '@angular/material/tooltip';
 import { TranslateModule } from '@ngx-translate/core';
 import { MatChipsModule } from '@angular/material/chips';
 import { RouterModule } from '@angular/router';
+import { CommonStatusIndicatorChipComponent } from '../../../../../../../../shared-standalone-component-lib/components';
 
 @Component({
   selector: 'app-feature-flag-root-section-card-table',
@@ -26,6 +27,8 @@ import { RouterModule } from '@angular/router';
     UpperCasePipe,
     MatChipsModule,
     RouterModule,
+    DatePipe,
+    CommonStatusIndicatorChipComponent,
   ],
   templateUrl: './feature-flag-root-section-card-table.component.html',
   styleUrl: './feature-flag-root-section-card-table.component.scss',