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

Adding fee estimation component to front page

Browse Source 
fixes #98
This commit is contained in:
softsimon
2020-07-29 15:16:09 +07:00
parent c4b75e8768
commit 92d0aa6cef
5 changed files with 70 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
frontend/src/app/components/fees-box/fees-box.component.html Normal file
View File

@@ -0,0 +1,19 @@
<table class="table mx-auto text-center" style="width: 500px">
<tr>
<td style="border-top: 0px; width: 33%;">1 hour</td>
<td style="border-top: 0px; width: 33%;">30 minutes</td>
<td style="border-top: 0px; width: 33%;">Next block</td>
</tr>
<tr *ngIf="(feeEstimations$ | async) as feeEstimations; else loadingFees">
<td>{{ feeEstimations.fastestFee }} sat/vB (<app-fiat [value]="feeEstimations.fastestFee * 250"></app-fiat>)</td>
<td>{{ feeEstimations.halfHourFee }} sat/vB (<app-fiat [value]="feeEstimations.halfHourFee * 250"></app-fiat>)</td>
<td>{{ feeEstimations.hourFee }} sat/vB (<app-fiat [value]="feeEstimations.hourFee * 250"></app-fiat>)</td>
</tr>
<ng-template #loadingFees>
<tr>
<td><span class="skeleton-loader"></span></td>
<td><span class="skeleton-loader"></span></td>
<td><span class="skeleton-loader"></span></td>
</tr>
</ng-template>
</table>