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 @@

Deployment log

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 + } } }