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

Blockchain component: display dash when feerate is undefined

Browse Source
This commit is contained in:
natsoni 2024-02-07 11:31:22 +01:00
parent 0acb797494
commit df7f1cc86b
No known key found for this signature in database
GPG Key ID: C65917583181743B
3 changed files with 11 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
frontend/src/app/components/blockchain-blocks/blockchain-blocks.component.html
View File

@ -26,7 +26,7 @@
</div> </div>
<ng-template #emptyfees> <ng-template #emptyfees>
<div [attr.data-cy]="'bitcoin-block-offset=' + offset + '-index-' + i + '-fees'" class="fees"> <div [attr.data-cy]="'bitcoin-block-offset=' + offset + '-index-' + i + '-fees'" class="fees">
&nbsp; <app-fee-rate unitClass=""></app-fee-rate>
</div> </div>
</ng-template> </ng-template>
<div [attr.data-cy]="'bitcoin-block-' + offset + '-index-' + i + '-fee-span'" class="fee-span" <div [attr.data-cy]="'bitcoin-block-' + offset + '-index-' + i + '-fee-span'" class="fee-span"
@ -37,7 +37,7 @@
</div> </div>
<ng-template #emptyfeespan> <ng-template #emptyfeespan>
<div [attr.data-cy]="'bitcoin-block-offset=' + offset + '-index-' + i + '-fees'" class="fee-span"> <div [attr.data-cy]="'bitcoin-block-offset=' + offset + '-index-' + i + '-fees'" class="fee-span">
&nbsp; <app-fee-rate unitClass=""></app-fee-rate>
</div> </div>
</ng-template> </ng-template>
<div [attr.data-cy]="'bitcoin-block-' + offset + '-index-' + i + '-total-fees'" *ngIf="showMiningInfo" <div [attr.data-cy]="'bitcoin-block-' + offset + '-index-' + i + '-total-fees'" *ngIf="showMiningInfo"

6
frontend/src/app/shared/components/fee-rate/fee-rate.component.html
View File

@ -1,4 +1,10 @@
<ng-container *ngIf="rateUnits$ | async as units"> <ng-container *ngIf="rateUnits$ | async as units">
<ng-container *ngIf="fee !== undefined; else noFee">
<ng-container *ngIf="units !== 'wu'">{{ fee / (weight / 4) | feeRounding:rounding }} <span *ngIf="showUnit" [class]="unitClass" [style]="unitStyle" i18n="shared.sat-vbyte|sat/vB">sat/vB</span></ng-container> <ng-container *ngIf="units !== 'wu'">{{ fee / (weight / 4) | feeRounding:rounding }} <span *ngIf="showUnit" [class]="unitClass" [style]="unitStyle" i18n="shared.sat-vbyte|sat/vB">sat/vB</span></ng-container>
<ng-container *ngIf="units === 'wu'">{{ fee / weight | feeRounding:rounding }} <span *ngIf="showUnit" [class]="unitClass" [style]="unitStyle" i18n="shared.sat-weight-units|sat/WU">sat/WU</span></ng-container> <ng-container *ngIf="units === 'wu'">{{ fee / weight | feeRounding:rounding }} <span *ngIf="showUnit" [class]="unitClass" [style]="unitStyle" i18n="shared.sat-weight-units|sat/WU">sat/WU</span></ng-container>
</ng-container>
<ng-template #noFee>
<ng-container *ngIf="units !== 'wu'">- <span *ngIf="showUnit" [class]="unitClass" [style]="unitStyle" i18n="shared.sat-vbyte|sat/vB">sat/vB</span></ng-container>
<ng-container *ngIf="units === 'wu'">- <span *ngIf="showUnit" [class]="unitClass" [style]="unitStyle" i18n="shared.sat-weight-units|sat/WU">sat/WU</span></ng-container>
</ng-template>
</ng-container> </ng-container>

2
frontend/src/app/shared/components/fee-rate/fee-rate.component.ts
View File

@ -8,7 +8,7 @@ import { StateService } from '../../../services/state.service';
styleUrls: ['./fee-rate.component.scss'] styleUrls: ['./fee-rate.component.scss']
}) })
export class FeeRateComponent implements OnInit { export class FeeRateComponent implements OnInit {
@Input() fee: number; @Input() fee: number | undefined;
@Input() weight: number = 4; @Input() weight: number = 4;
@Input() rounding: string = null; @Input() rounding: string = null;
@Input() showUnit: boolean = true; @Input() showUnit: boolean = true;