diff --git a/frontend/src/app/components/acceleration-timeline/acceleration-timeline.component.html b/frontend/src/app/components/acceleration-timeline/acceleration-timeline.component.html
index 560e54629..ba0d44884 100644
--- a/frontend/src/app/components/acceleration-timeline/acceleration-timeline.component.html
+++ b/frontend/src/app/components/acceleration-timeline/acceleration-timeline.component.html
@@ -38,7 +38,7 @@
@if (tx.status.confirmed) {
} @else if (standardETA && !tx.status.confirmed) {
diff --git a/frontend/src/app/components/acceleration-timeline/acceleration-timeline.component.ts b/frontend/src/app/components/acceleration-timeline/acceleration-timeline.component.ts
index da0eee4a3..16fd24c7f 100644
--- a/frontend/src/app/components/acceleration-timeline/acceleration-timeline.component.ts
+++ b/frontend/src/app/components/acceleration-timeline/acceleration-timeline.component.ts
@@ -24,6 +24,8 @@ export class AccelerationTimelineComponent implements OnInit, OnChanges {
accelerateRatio: number;
useAbsoluteTime: boolean = false;
interval: number;
+ firstSeenToAccelerated: number;
+ acceleratedToMined: number;
tooltipPosition = null;
hoverInfo: any = null;
@@ -35,8 +37,6 @@ export class AccelerationTimelineComponent implements OnInit, OnChanges {
ngOnInit(): void {
this.acceleratedAt = this.tx.acceleratedAt ?? new Date().getTime() / 1000;
- this.now = Math.floor(new Date().getTime() / 1000);
- this.useAbsoluteTime = this.tx.status.block_time < this.now - 7 * 24 * 3600;
this.miningService.getPools().subscribe(pools => {
for (const pool of pools) {
@@ -44,10 +44,8 @@ export class AccelerationTimelineComponent implements OnInit, OnChanges {
}
});
- this.interval = window.setInterval(() => {
- this.now = Math.floor(new Date().getTime() / 1000);
- this.useAbsoluteTime = this.tx.status.block_time < this.now - 7 * 24 * 3600;
- }, 60000);
+ this.updateTimes();
+ this.interval = window.setInterval(this.updateTimes.bind(this), 60000);
}
ngOnChanges(changes): void {
@@ -64,6 +62,13 @@ export class AccelerationTimelineComponent implements OnInit, OnChanges {
// }
}
+ updateTimes(): void {
+ this.now = Math.floor(new Date().getTime() / 1000);
+ this.useAbsoluteTime = this.tx.status.block_time < this.now - 7 * 24 * 3600;
+ this.firstSeenToAccelerated = Math.max(0, this.acceleratedAt - this.transactionTime);
+ this.acceleratedToMined = Math.max(0, this.tx.status.block_time - this.acceleratedAt);
+ }
+
ngOnDestroy(): void {
clearInterval(this.interval);
}