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

Tidy acceleration dashboard, add missing fields

Browse Source
This commit is contained in:
Mononaut
2023-08-30 22:25:33 +09:00
parent f26b630aab
commit 472a76560f
4 changed files with 97 additions and 67 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
frontend/src/app/components/block-fee-rates-graph/block-fee-rates-graph.component.html
View File

@@ -46,17 +46,17 @@
</div>
<div *ngIf="widget">
<div class="block-fee-rates" *ngIf="(statsObservable$ | async) as stats; else loadingStats">
<div class="item">
<h5 class="card-title" i18n="mining.avg-block-fee-1m">Avg Block Fee (1m)</h5>
<div class="block-fee-rates">
<div class="item" *ngIf="(hrStatsObservable$ | async) as stats; else loadingHrStats">
<h5 class="card-title" i18n="mining.avg-block-fee-24h">Avg Block Fee (24h)</h5>
<p class="card-text">
<app-fee-rate [fee]="stats.avgMedianRate"></app-fee-rate>
</p>
</div>
<div class="item">
<h5 class="card-title" i18n="block.???">???</h5>
<div class="item" *ngIf="(statsObservable$ | async) as stats; else loadingStats">
<h5 class="card-title" i18n="mining.avg-block-fee-1m">Avg Block Fee (1m)</h5>
<p class="card-text">
???
<app-fee-rate [fee]="stats.avgMedianRate"></app-fee-rate>
</p>
</div>
</div>
@@ -71,19 +71,19 @@
</div>
<ng-template #loadingHrStats>
<div class="item">
<h5 class="card-title" i18n="mining.avg-block-fee-24h">Avg Block Fee (24h)</h5>
<p class="card-text">
<span class="skeleton-loader skeleton-loader-big"></span>
</p>
</div>
</ng-template>
<ng-template #loadingStats>
<div class="block-fee-rates">
<div class="item">
<h5 class="card-title" i18n="mining.avg-block-fee">Avg Block Fee</h5>
<p class="card-text">
<span class="skeleton-loader skeleton-loader-big"></span>
</p>
</div>
<div class="item">
<h5 class="card-title" i18n="block.???">???</h5>
<p class="card-text">
<span class="skeleton-loader skeleton-loader-big"></span>
</p>
</div>
<div class="item">
<h5 class="card-title" i18n="mining.avg-block-fee-1m">Avg Block Fee (1m)</h5>
<p class="card-text">
<span class="skeleton-loader skeleton-loader-big"></span>
</p>
</div>
</ng-template>