diff --git a/frontend/src/app/components/mempool-graph/mempool-graph.component.ts b/frontend/src/app/components/mempool-graph/mempool-graph.component.ts index 650e5ac10..d09c130ba 100644 --- a/frontend/src/app/components/mempool-graph/mempool-graph.component.ts +++ b/frontend/src/app/components/mempool-graph/mempool-graph.component.ts @@ -15,7 +15,7 @@ export class MempoolGraphComponent implements OnInit, OnChanges { @Input() dateSpan = '2h'; @Input() showLegend = true; @Input() offsetX = 40; - @Input() offsetY = 40; + @Input() small = false; mempoolVsizeFeesOptions: any; mempoolVsizeFeesData: any; @@ -30,7 +30,10 @@ export class MempoolGraphComponent implements OnInit, OnChanges { ngOnInit(): void { const showLegend = !this.isMobile && this.showLegend; - const labelHops = this.isMobile || !this.showLegend ? 12 : 6; + let labelHops = !this.showLegend ? 12 : 6; + if (this.small) { + labelHops = labelHops * 2; + } const labelInterpolationFnc = (value: any, index: any) => { switch (this.dateSpan) { @@ -61,9 +64,7 @@ export class MempoolGraphComponent implements OnInit, OnChanges { offset: this.offsetX, }, axisY: { - labelInterpolationFnc: (value: number): any => { - return this.vbytesPipe.transform(value, 2); - }, + labelInterpolationFnc: (value: number): any => this.vbytesPipe.transform(value, 2), offset: showLegend ? 160 : 80, }, plugins: [ diff --git a/frontend/src/app/dashboard/dashboard.component.html b/frontend/src/app/dashboard/dashboard.component.html index e9d0de27e..6b803feb8 100644 --- a/frontend/src/app/dashboard/dashboard.component.html +++ b/frontend/src/app/dashboard/dashboard.component.html @@ -36,7 +36,7 @@
Unconfirmed

- {{ mempoolInfoData.value.memPoolInfo.size | number }} txs + {{ mempoolInfoData.value.memPoolInfo.size | number }} TXs

@@ -44,7 +44,7 @@
- +
@@ -110,14 +110,16 @@
Latest transactions
- - + + + - - + + + diff --git a/frontend/src/app/dashboard/dashboard.component.ts b/frontend/src/app/dashboard/dashboard.component.ts index 26460d754..60fb229ec 100644 --- a/frontend/src/app/dashboard/dashboard.component.ts +++ b/frontend/src/app/dashboard/dashboard.component.ts @@ -189,7 +189,7 @@ export class DashboardComponent implements OnInit { offset: 40 }, axisX: { - labelInterpolationFnc: (value: any, index: any) => index % 12 === 0 ? formatDate(value, 'HH:mm', this.locale) : null, + labelInterpolationFnc: (value: any, index: any) => index % 24 === 0 ? formatDate(value, 'HH:mm', this.locale) : null, offset: 10 }, plugins: [
TXIDAmount (BTC)TXIDAmount (BTC)USD Fee
{{ transaction.txid | shortenString : 12 }} (){{ transaction.txid | shortenString : 10 }} {{ transaction.fee / (transaction.weight / 4) | number : '1.1-1' }} sat/vB