Merge pull request CaramelFur#38 from kaiiiz/patch-dup-reqs

Fix duplicate requests in picsur-img.component
IamFlashUser · Mar 15, 2023 · c65b7ca · c65b7ca
2 parents 10036f1 + 86737eb
commit c65b7ca
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git a/frontend/src/app/components/picsur-img/picsur-img.component.html b/frontend/src/app/components/picsur-img/picsur-img.component.html
@@ -16,5 +16,5 @@
 <mat-spinner
   (nguiInview)="onInview($event)"
   (nguiOutview)="onOutview($event)"
-  *ngIf="state === 'loading'"
+  *ngIf="state === 'init' || state === 'loading'"
 ></mat-spinner>
diff --git a/frontend/src/app/components/picsur-img/picsur-img.component.ts b/frontend/src/app/components/picsur-img/picsur-img.component.ts
@@ -17,6 +17,7 @@ import { Logger } from 'src/app/services/logger/logger.service';
 import { QoiWorkerService } from 'src/app/workers/qoi-worker.service';
 
 enum PicsurImgState {
+  Init = 'init',
   Loading = 'loading',
   Canvas = 'canvas',
   Image = 'image',
@@ -39,7 +40,7 @@ export class PicsurImgComponent implements OnChanges {
 
   @Input('src') imageURL: string | undefined;
 
-  public state: PicsurImgState = PicsurImgState.Loading;
+  public state: PicsurImgState = PicsurImgState.Init;
 
   constructor(
     private readonly qoiWorker: QoiWorkerService,
@@ -113,7 +114,8 @@ export class PicsurImgComponent implements OnChanges {
   onInview(e: any) {
     this.isInView = true;
 
-    if (this.state === PicsurImgState.Loading) {
+    if (this.state === PicsurImgState.Init) {
+      this.state = PicsurImgState.Loading;
       this.reload();
     }
   }