machankura/mempool
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Pizza tracker: hide ETA on replaced tx

Browse Source
This commit is contained in:
natsoni 2024-09-17 12:15:18 +02:00
parent d8cfc6e32d
commit 2d9709a427
No known key found for this signature in database
GPG Key ID: C65917583181743B
1 changed files with 19 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
frontend/src/app/components/tracker/tracker.component.html
View File

@ -65,23 +65,25 @@
} }
</div> </div>
</div> </div>
<div class="field narrower"> @if (!replaced) {
<div class="label" i18n="transaction.eta|Transaction ETA">ETA</div> <div class="field narrower">
<div class="value"> <div class="label" i18n="transaction.eta|Transaction ETA">ETA</div>
<ng-container *ngIf="(ETA$ | async) as eta; else etaSkeleton"> <div class="value">
<span class="justify-content-end d-flex align-items-center"> <ng-container *ngIf="(ETA$ | async) as eta; else etaSkeleton">
@if (eta.blocks >= 7) { <span class="justify-content-end d-flex align-items-center">
<span i18n="transaction.eta.not-any-time-soon|Transaction ETA mot any time soon">Not any time soon</span> @if (eta.blocks >= 7) {
} @else { <span i18n="transaction.eta.not-any-time-soon|Transaction ETA mot any time soon">Not any time soon</span>
<app-time kind="until" [time]="eta.time" [fastRender]="false" [fixedRender]="true"></app-time> } @else {
} <app-time kind="until" [time]="eta.time" [fastRender]="false" [fixedRender]="true"></app-time>
</span> }
</ng-container> </span>
<ng-template #etaSkeleton> </ng-container>
<span class="skeleton-loader" style="max-width: 200px;"></span> <ng-template #etaSkeleton>
</ng-template> <span class="skeleton-loader" style="max-width: 200px;"></span>
</div> </ng-template>
</div> </div>
</div>
}
} @else if (tx && tx.status?.confirmed) { } @else if (tx && tx.status?.confirmed) {
<div class="field narrower mt-2"> <div class="field narrower mt-2">
<div class="label" i18n="transaction.confirmed-at">Confirmed at</div> <div class="label" i18n="transaction.confirmed-at">Confirmed at</div>