fix display of tangram

puzzle · Nov 15, 2024 · 20eb4e6 · 20eb4e6
1 parent e4668ad
commit 20eb4e6
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 6 deletions.
diff --git a/frontend/src/app/shared/custom/okr-tangram/okr-tangram.component.html b/frontend/src/app/shared/custom/okr-tangram/okr-tangram.component.html
@@ -1 +1 @@
-<img alt="okr-logo" ngSrc="{{ this.trianglesSrc$ | async }}" width="274" height="140" priority />
+<img alt="okr-logo" ngSrc="{{ this.trianglesSrc$ | async }}" width="274" height="140" />
diff --git a/frontend/src/app/shared/custom/okr-tangram/okr-tangram.component.ts b/frontend/src/app/shared/custom/okr-tangram/okr-tangram.component.ts
@@ -1,19 +1,17 @@
 import { Component } from '@angular/core';
 import { ConfigService } from '../../../services/config.service';
-import { map, Observable } from 'rxjs';
+import { BehaviorSubject, map, Observable, Subject, Subscription } from 'rxjs';
 
 @Component({
   selector: 'app-okr-tangram',
   templateUrl: 'okr-tangram.component.html',
   styleUrl: 'okr-tangram.component.scss',
 })
 export class OkrTangramComponent {
-  private readonly DEFAULT_TRIANGLE_SRC = 'assets/images/empty.svg';
+  private readonly defaultTrianglesSrc = 'assets/images/empty.svg';
   trianglesSrc$ = new Observable<string>();
 
   constructor(private readonly configService: ConfigService) {
-    this.trianglesSrc$ = this.configService.config$.pipe(
-      map((config) => config.triangles || this.DEFAULT_TRIANGLE_SRC),
-    );
+    this.trianglesSrc$ = this.configService.config$.pipe(map((config) => config.triangles || this.defaultTrianglesSrc));
   }
 }
Original file line number	Diff line number	Diff line change
		@@ -1 +1 @@
		<img alt="okr-logo" ngSrc="{{ this.trianglesSrc$ \| async }}" width="274" height="140" priority />
		<img alt="okr-logo" ngSrc="{{ this.trianglesSrc$ \| async }}" width="274" height="140" />