diff --git a/frontend/src/app/deploy-log-full/deploy-log-full.component.html b/frontend/src/app/deploy-log-full/deploy-log-full.component.html
index de31caf4..5c18eb58 100644
--- a/frontend/src/app/deploy-log-full/deploy-log-full.component.html
+++ b/frontend/src/app/deploy-log-full/deploy-log-full.component.html
@@ -128,8 +128,6 @@
id="toast-deployment"
role="alert"
>
- New deployment event!
Check out.
+ New deployment event!
diff --git a/frontend/src/app/deploy-log-full/deploy-log-full.component.ts b/frontend/src/app/deploy-log-full/deploy-log-full.component.ts
index a9ebda28..1f9fd5f3 100644
--- a/frontend/src/app/deploy-log-full/deploy-log-full.component.ts
+++ b/frontend/src/app/deploy-log-full/deploy-log-full.component.ts
@@ -23,6 +23,7 @@ export class DeployLogFullComponent implements AfterViewInit {
logAmount: number | undefined
requestedTooMany = false
currentType: DeploymentType = DeploymentType.ALL
+ firstLoad = true
protected readonly headToFullDeployments = headToFullDeployments
async ngAfterViewInit(): Promise {
@@ -37,7 +38,7 @@ export class DeployLogFullComponent implements AfterViewInit {
async updateLogAmount(amount: number) {
const newDeployments = parseDeployments(await getDeployments(amount, this.currentType), this.currentType)
- if (newDeployments[0].date !== this.latestDeployments[0].date) {
+ if (this.latestDeployments.length === 0 || newDeployments[0].name !== this.latestDeployments[0]?.name) {
this.latestDeployments = newDeployments
// Show if we requested too many deployments
@@ -46,12 +47,15 @@ export class DeployLogFullComponent implements AfterViewInit {
// Show a notification for a short time
const notification = document.getElementById("toast-deployment")
- if (notification) {
+ if (notification && !this.firstLoad) {
notification.classList.remove("invisible")
setTimeout((): void => {
notification.classList.add("invisible")
}, 20000)
}
+ if (this.firstLoad) {
+ this.firstLoad = false
+ }
}
}