debugging ssr issue

pydt · Dec 12, 2023 · 8807f6f · 8807f6f
1 parent fa5c097
commit 8807f6f
Show file tree

Hide file tree

Showing 6 changed files with 14 additions and 12 deletions.
diff --git a/_sls_lambda_universal/serverless.yml b/_sls_lambda_universal/serverless.yml
@@ -11,15 +11,16 @@ provider:
   stage: dev
   environment:
     ROLLBAR_SERVER_API_KEY: ${env:ROLLBAR_SERVER_API_KEY}
+    ROLLBAR_ENV: ${opt:stage, self:provider.stage}
 
 custom:
   apigwBinary:
     types:
-      - '*/*'
+      - "*/*"
 
 functions:
   api:
     handler: pydt-universal.handler
     events:
       - http: GET /{proxy+}
-      - http: GET /
+      - http: GET /
diff --git a/src/app/shared/error.service.ts b/src/app/shared/error.service.ts
@@ -27,7 +27,7 @@ export class ErrorHandlerService implements ErrorHandler {
       captureUnhandledRejections: true,
       enabled: !!process.env["ROLLBAR_SERVER_API_KEY"],
       payload: {
-        environment: environment.name,
+        environment: process.env["ROLLBAR_ENV"] || environment.name,
         client: {
           javascript: {
             // eslint-disable-next-line camelcase

diff --git a/src/app/stats/display-turn-stats/display-turn-stats.component.html b/src/app/stats/display-turn-stats/display-turn-stats.component.html
@@ -17,7 +17,7 @@
         </p>
       </div>
     </ng-container>
-    <div *ngIf="isBrowser && displayCharts" class="col-md-12">
+    <div *ngIf="displayCharts" class="col-md-12">
       <tabset>
         <tab heading="Turn Length">
           <pydt-turn-length-chart [turnData]="turnData"></pydt-turn-length-chart>

diff --git a/src/app/stats/display-turn-stats/display-turn-stats.component.ts b/src/app/stats/display-turn-stats/display-turn-stats.component.ts
@@ -2,7 +2,6 @@ import { Component, Input } from "@angular/core";
 import moment from "moment";
 import { TurnData } from "pydt-shared";
 import { Utility } from "../../shared/utility";
-import { BrowserDataService } from "../../shared/browser-data.service";
 
 @Component({
   selector: "pydt-turn-stats",
@@ -15,12 +14,6 @@ export class DisplayTurnStatsComponent {
   @Input() hideQueueCharts = false;
   @Input() factWidth = 6;
 
-  constructor(private browserData: BrowserDataService) {}
-
-  get isBrowser() {
-    return this.browserData.isBrowser();
-  }
-
   get firstTurnAgo() {
     return Utility.countdownAgo(this.turnData.firstTurnEndDate, null);
   }

diff --git a/src/app/stats/turn-length-chart/turn-length-chart.component.html b/src/app/stats/turn-length-chart/turn-length-chart.component.html
@@ -1,3 +1,4 @@
 <div [style.width]="smallMode ? '80px' : '100%'" [style.height]="smallMode ? '32px' : '200px'">
-  <canvas baseChart [data]="chartData" [options]="chartOptions" [legend]="false" [type]="'bar'"> </canvas>
+  <canvas *ngIf="isBrowser" baseChart [data]="chartData" [options]="chartOptions" [legend]="false" [type]="'bar'">
+  </canvas>
 </div>
diff --git a/src/app/stats/turn-length-chart/turn-length-chart.component.ts b/src/app/stats/turn-length-chart/turn-length-chart.component.ts
@@ -2,6 +2,7 @@ import { Component, Input, OnChanges } from "@angular/core";
 import { TURN_BUCKETS, TurnData } from "pydt-shared";
 import { ChartConfiguration } from "chart.js";
 import { Utility } from "../../shared/utility";
+import { BrowserDataService } from "../../../app/shared/browser-data.service";
 
 @Component({
   selector: "pydt-turn-length-chart",
@@ -20,6 +21,12 @@ export class TurnLengthChartComponent implements OnChanges {
     animation: false,
   };
 
+  isBrowser = false;
+
+  constructor(browserData: BrowserDataService) {
+    this.isBrowser = browserData.isBrowser();
+  }
+
   ngOnChanges(): void {
     const turnLengthColors = [
       "#00FF00",