mirrors/mempool
1
0
Fork 0
mirror of https://github.com/mempool/mempool.git synced 2024-12-28 01:04:28 +01:00
Code Issues Projects Releases Wiki Activity

Show prettier empty mempool blocks.

Browse Source
This commit is contained in:
softsimon 2020-07-24 12:23:49 +07:00
parent 0f11642418
commit 959e2b55cb
No known key found for this signature in database
GPG Key ID: 488D7DCFB5A430D7
3 changed files with 8 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
frontend/src/app/components/mempool-blocks/mempool-blocks.component.html
View File

@ -27,7 +27,6 @@
<span class="animated-border"></span> <span class="animated-border"></span>
</div> </div>
</ng-template> </ng-template>
<div *ngIf="mempoolBlocks?.length === 0" class="bitcoin-block mempool-block empty-block">Mempool is empty</div>
</div> </div>
<div *ngIf="arrowVisible" id="arrow-up" [ngStyle]="{'right': rightPosition + 75 + 'px', transition: transition }"></div> <div *ngIf="arrowVisible" id="arrow-up" [ngStyle]="{'right': rightPosition + 75 + 'px', transition: transition }"></div>
</div> </div>

10
frontend/src/app/components/mempool-blocks/mempool-blocks.component.scss
View File

@ -116,13 +116,3 @@
left: 0; left: 0;
z-index: 10; z-index: 10;
} }
.empty-block {
width: 125px;
height: 125px;
background-color: #554b45;
right: 40px;
text-align: center;
display: flex;
align-items: center;
}

9
frontend/src/app/services/state.service.ts
View File

@ -25,7 +25,14 @@ export class StateService {
conversions$ = new ReplaySubject<any>(1); conversions$ = new ReplaySubject<any>(1);
bsqPrice$ = new ReplaySubject<number>(1); bsqPrice$ = new ReplaySubject<number>(1);
mempoolStats$ = new ReplaySubject<MemPoolState>(1); mempoolStats$ = new ReplaySubject<MemPoolState>(1);
mempoolBlocks$ = new ReplaySubject<MempoolBlock[]>(1); mempoolBlocks$ = new ReplaySubject<MempoolBlock[]>(1).pipe(
map((blocks) => {
if (!blocks.length) {
return [{ blockSize: 0, blockVSize: 0, feeRange: [0, 0], medianFee: 0, nTx: 0, totalFees: 0 }];
}
return blocks;
})
);
txReplaced$ = new Subject<Transaction>(); txReplaced$ = new Subject<Transaction>();
mempoolTransactions$ = new Subject<Transaction>(); mempoolTransactions$ = new Subject<Transaction>();
blockTransactions$ = new Subject<Transaction>(); blockTransactions$ = new Subject<Transaction>();