mirrors/mempool
1
0
Fork 0
mirror of https://github.com/mempool/mempool.git synced 2025-02-23 14:40:38 +01:00
Code Issues Projects Releases Wiki Activity

Add more acceleration stats

Browse source
This commit is contained in:
Mononaut 2023-07-21 14:13:36 +09:00
parent f86645b50c
commit 14ad0c8ecb
No known key found for this signature in database
GPG key ID: A3F058E41374C04E
4 changed files with 21 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
frontend/src/app/components/acceleration-stats/acceleration-stats.component.html
View file

@ -27,21 +27,21 @@
<ng-template #loading>
<div class="stats-container loading-container">
<div class="item">
<h5 class="card-title" i18n="mining.rewards">Miners Reward</h5>
<h5 class="card-title" i18n="address.transactions">Transactions</h5>
<div class="card-text">
<div class="skeleton-loader"></div>
<div class="skeleton-loader"></div>
</div>
</div>
<div class="item">
<h5 class="card-title" i18n="mining.fees-per-block">Avg Block Fees</h5>
<h5 class="card-title" i18n="accelerator.fee-delta">Fee delta</h5>
<div class="card-text">
<div class="skeleton-loader"></div>
<div class="skeleton-loader"></div>
</div>
</div>
<div class="item">
<h5 class="card-title" i18n="mining.average-fee">Avg Tx Fee</h5>
<h5 class="card-title" i18n="accelerator.success-rate">Success rate</h5>
<div class="card-text">
<div class="skeleton-loader"></div>
<div class="skeleton-loader"></div>

5
frontend/src/app/components/acceleration-stats/acceleration-stats.component.ts
View file

@ -1,4 +1,4 @@
import { ChangeDetectionStrategy, Component, OnInit } from '@angular/core';
import { ChangeDetectionStrategy, Component, Input, OnInit } from '@angular/core';
import { Observable, of } from 'rxjs';
import { switchMap } from 'rxjs/operators';
import { ApiService } from '../../services/api.service';
@ -11,13 +11,14 @@ import { StateService } from '../../services/state.service';
changeDetection: ChangeDetectionStrategy.OnPush,
})
export class AccelerationStatsComponent implements OnInit {
@Input() timespan: '24h' | '1w' = '24h';
public accelerationStats$: Observable<any>;
private lastBlockHeight: number;
constructor(private apiService: ApiService, private stateService: StateService) { }
ngOnInit(): void {
this.accelerationStats$ = this.apiService.getAccelerations$().pipe(
this.accelerationStats$ = this.apiService.getAccelerations$(this.timespan).pipe(
switchMap(accelerations => {
let totalFeeDelta = 0;
let totalMined = 0;

18
frontend/src/app/components/accelerator-dashboard/accelerator-dashboard.component.html
View file

@ -4,6 +4,7 @@
<div class="row row-cols-1 row-cols-md-2">
<!-- 24h stats -->
<div class="col">
<div class="main-title">
<span [attr.data-cy]="'acceleration-stats'" i18n="accelerator.acceleration-stats">Acceleration stats</span>&nbsp;
@ -12,16 +13,25 @@
<div class="card-wrapper">
<div class="card">
<div class="card-body more-padding">
<app-acceleration-stats></app-acceleration-stats>
<app-acceleration-stats timespan="24h"></app-acceleration-stats>
</div>
</div>
</div>
</div>
<!-- difficulty adjustment -->
<!-- 1w stats -->
<div class="col">
<div class="main-title" i18n="dashboard.difficulty-adjustment">Difficulty Adjustment</div>
<app-difficulty-mining [attr.data-cy]="'difficulty-adjustment'" [showTitle]="false" [showProgress]="false" [showHalving]="true"></app-difficulty-mining>
<div class="main-title">
<span [attr.data-cy]="'acceleration-stats'" i18n="accelerator.acceleration-stats">Acceleration stats</span>&nbsp;
<span style="font-size: xx-small" i18n="mining.144-blocks">(1008 blocks)</span>
</div>
<div class="card-wrapper">
<div class="card">
<div class="card-body more-padding">
<app-acceleration-stats timespan="1w"></app-acceleration-stats>
</div>
</div>
</div>
</div>
<!-- acceleration fees graph -->

2
frontend/src/app/components/block-fee-rates-graph/block-fee-rates-graph.component.ts
View file

@ -210,7 +210,7 @@ export class BlockFeeRatesGraphComponent implements OnInit {
top: this.widget ? 20 : (this.isMobile() ? 10 : 50),
},
tooltip: {
show: !this.isMobile() && !this.widget,
show: !this.isMobile(),
trigger: 'axis',
axisPointer: {
type: 'line'