Add Status component to dashboard and update layout

austenstone · Dec 2, 2024 · 15d4f60 · 15d4f60
1 parent 46b8a8c
commit 15d4f60
Show file tree

Hide file tree

Showing 5 changed files with 24 additions and 3 deletions.
diff --git a/frontend/src/app/main/copilot/copilot-dashboard/dashboard.component.html b/frontend/src/app/main/copilot/copilot-dashboard/dashboard.component.html
@@ -38,7 +38,12 @@ <h1>Dashboard</h1>
         <app-time-saved-chart [surveys]="surveysData" [activity]="activityData" [chartOptions]="chartOptions"></app-time-saved-chart>
       </ng-container>
     </mat-card>
-    <mat-card appearance="outlined" id="card-bars">
+
+    <mat-card>
+      <app-status></app-status>
+    </mat-card>
+
+    <!-- <mat-card appearance="outlined" id="card-bars">
       <mat-card-header>
         <mat-card-title>Engagement</mat-card-title>
       </mat-card-header>
@@ -64,7 +69,7 @@ <h1>Dashboard</h1>
       <ng-container *ngIf="activityTotals; else loading">
         <app-active-users-chart [data]="activityTotals" [chartOptions]="chartOptions"></app-active-users-chart>
       </ng-container>
-    </mat-card>
+    </mat-card> -->
   </div>
 </div>
 <ng-template #loading>

diff --git a/frontend/src/app/main/copilot/copilot-dashboard/dashboard.component.ts b/frontend/src/app/main/copilot/copilot-dashboard/dashboard.component.ts
@@ -15,6 +15,7 @@ import { TimeSavedChartComponent } from '../copilot-value/time-saved-chart/time-
 import { LoadingSpinnerComponent } from '../../../shared/loading-spinner/loading-spinner.component';
 import { ActiveUsersChartComponent } from './dashboard-card/active-users-chart/active-users-chart.component';
 import { InstallationsService } from '../../../services/api/installations.service';
+import { StatusComponent } from './status/status.component';
 
 @Component({
   selector: 'app-dashboard',
@@ -28,7 +29,8 @@ import { InstallationsService } from '../../../services/api/installations.servic
     DailyActivityChartComponent,
     TimeSavedChartComponent,
     LoadingSpinnerComponent,
-    ActiveUsersChartComponent
+    ActiveUsersChartComponent,
+    StatusComponent
   ],
   templateUrl: './dashboard.component.html',
   styleUrl: './dashboard.component.scss'

diff --git a/frontend/src/app/main/copilot/copilot-dashboard/status/status.component.html b/frontend/src/app/main/copilot/copilot-dashboard/status/status.component.html
diff --git a/frontend/src/app/main/copilot/copilot-dashboard/status/status.component.scss b/frontend/src/app/main/copilot/copilot-dashboard/status/status.component.scss
@@ -0,0 +1,3 @@
+:host {
+  display: block;
+}
diff --git a/frontend/src/app/main/copilot/copilot-dashboard/status/status.component.ts b/frontend/src/app/main/copilot/copilot-dashboard/status/status.component.ts
@@ -0,0 +1,11 @@
+import { ChangeDetectionStrategy, Component } from '@angular/core';
+
+@Component({
+  selector: 'app-status',
+  standalone: true,
+  imports: [],
+  templateUrl: './status.component.html',
+  styleUrl: './status.component.scss',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+})
+export class StatusComponent { }