add keydown event, remove logging ,fix bug

ORCID · Jan 9, 2024 · 62ab6f3 · 62ab6f3
1 parent 77b6c1b
commit 62ab6f3
Showing 1 changed file with 7 additions and 3 deletions.
diff --git a/ui/src/app/shared/error/error-alert.component.ts b/ui/src/app/shared/error/error-alert.component.ts
@@ -1,4 +1,4 @@
-import { ChangeDetectorRef, Component, ErrorHandler, Inject, OnInit } from '@angular/core'
+import { ChangeDetectorRef, Component, ErrorHandler, HostListener, Inject, OnInit } from '@angular/core'
 import { ErrorService } from '../service/error.service'
 import { Subscription } from 'rxjs'
 import { ErrorAlert } from '../model/error-alert'
@@ -27,7 +27,6 @@ export class ErrorAlertComponent implements OnInit {
         toast: false,
       }
       this.alerts.push(alert)
-      this.alerts.push(alerts)
       this.cdr.detectChanges()
     })
   }
@@ -36,9 +35,14 @@ export class ErrorAlertComponent implements OnInit {
     this.sub?.unsubscribe()
   }
 
+  @HostListener('document:keydown.escape', ['$event'])
+  closeOldestAlert() {
+    this.alerts.shift()
+    this.cdr.detectChanges()
+  }
+
   close(alertToRemove: any) {
     this.alerts = this.alerts.filter((alert: any) => alert !== alertToRemove)
     this.cdr.detectChanges()
-    console.log(this.alerts)
   }
 }