fix: clearTimeout on existing toast

liimaorg · Feb 20, 2024 · 4362d7d · 4362d7d
1 parent a432be8
commit 4362d7d
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/AMW_angular/io/src/app/shared/elements/toast/toast.component.ts b/AMW_angular/io/src/app/shared/elements/toast/toast.component.ts
@@ -36,13 +36,18 @@ export class ToastComponent {
   @Input() message = '';
   @Input() type: SuccessOrError;
   show = false;
+  timeoutId = undefined;
 
   public display(message: string, type: SuccessOrError = 'success', duration = 3000) {
     this.message = message;
     this.type = type;
     this.show = true;
 
-    setTimeout(() => {
+    if (this.timeoutId) {
+      clearTimeout(this.timeoutId);
+    }
+
+    this.timeoutId = setTimeout(() => {
       this.show = false;
     }, duration);
   }