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

Moving chart loading spinner to chart component

Browse Source 
fixes #885
This commit is contained in:
softsimon
2021-11-19 00:10:12 +04:00
parent b21520b577
commit 4ba470ed39
9 changed files with 67 additions and 41 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
frontend/src/app/dashboard/dashboard.component.html
View File

@@ -47,14 +47,16 @@
<ng-container *ngTemplateOutlet="mempoolTable; context: { $implicit: mempoolInfoData }"></ng-container>
<hr>
</div>
<div class="mempool-graph" *ngIf="(mempoolStats$ | async) as mempoolStats; else loadingSpinner">
<app-mempool-graph
<ng-container *ngIf="{ value: (mempoolStats$ | async) } as mempoolStats">
<div class="mempool-graph">
<app-mempool-graph
[template]="'widget'"
[limitFee]="150"
[limitFilterFee]="1"
[data]="mempoolStats.mempool"
></app-mempool-graph>
</div>
[data]="mempoolStats.value?.mempool"
></app-mempool-graph>
</div>
</ng-container>
</div>
</div>
</div>
@@ -67,10 +69,10 @@
<app-lbtc-pegs-graph [data]="liquidPegsMonth$ | async"></app-lbtc-pegs-graph>
</div>
<ng-template #mempoolGraph>
<div class="mempool-graph" *ngIf="(mempoolStats$ | async) as mempoolStats; else loadingSpinner">
<div class="mempool-graph" *ngIf="{ value: (mempoolStats$ | async) } as mempoolStats">
<app-incoming-transactions-graph
[left]="50"
[data]="mempoolStats.weightPerSecond"
[data]="mempoolStats.value?.weightPerSecond"
></app-incoming-transactions-graph>
</div>
</ng-template>
@@ -280,13 +282,6 @@
</div>
</ng-template>
<ng-template #loadingSpinner>
<div class="text-center loadingGraphs">
<div class="spinner-border text-light"></div>
</div>
</ng-template>
<ng-template #loadingDifficulty>
<div class="difficulty-skeleton loading-container">
<div class="item">