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 @@
- {{ mempoolInfoData.value.memPoolInfo.size | number }} txs + {{ mempoolInfoData.value.memPoolInfo.size | number }} TXs
TXID | -Amount (BTC) | +TXID | +Amount (BTC) | +USD | Fee |
---|---|---|---|---|---|
{{ transaction.txid | shortenString : 12 }} | -{{ transaction.txid | shortenString : 10 }} | +{{ transaction.fee / (transaction.weight / 4) | number : '1.1-1' }} sat/vB |