diff --git a/frontend/src/app/components/block-overview-graph/block-overview-graph.component.html b/frontend/src/app/components/block-overview-graph/block-overview-graph.component.html index 54cd995aa..2a357843b 100644 --- a/frontend/src/app/components/block-overview-graph/block-overview-graph.component.html +++ b/frontend/src/app/components/block-overview-graph/block-overview-graph.component.html @@ -10,5 +10,6 @@ [cursorPosition]="tooltipPosition" [clickable]="!!selectedTx" [auditEnabled]="auditHighlighting" + [blockConversion]="blockConversion" > diff --git a/frontend/src/app/components/block-overview-graph/block-overview-graph.component.ts b/frontend/src/app/components/block-overview-graph/block-overview-graph.component.ts index 7c71d36fe..b46f7a3e7 100644 --- a/frontend/src/app/components/block-overview-graph/block-overview-graph.component.ts +++ b/frontend/src/app/components/block-overview-graph/block-overview-graph.component.ts @@ -5,6 +5,7 @@ import BlockScene from './block-scene'; import TxSprite from './tx-sprite'; import TxView from './tx-view'; import { Position } from './sprite-types'; +import { Price } from 'src/app/services/price.service'; @Component({ selector: 'app-block-overview-graph', @@ -21,6 +22,7 @@ export class BlockOverviewGraphComponent implements AfterViewInit, OnDestroy, On @Input() mirrorTxid: string | void; @Input() unavailable: boolean = false; @Input() auditHighlighting: boolean = false; + @Input() blockConversion: Price; @Output() txClickEvent = new EventEmitter(); @Output() txHoverEvent = new EventEmitter(); @Output() readyEvent = new EventEmitter(); diff --git a/frontend/src/app/components/block-overview-tooltip/block-overview-tooltip.component.html b/frontend/src/app/components/block-overview-tooltip/block-overview-tooltip.component.html index 826eaaf8f..2fa626a95 100644 --- a/frontend/src/app/components/block-overview-tooltip/block-overview-tooltip.component.html +++ b/frontend/src/app/components/block-overview-tooltip/block-overview-tooltip.component.html @@ -16,11 +16,11 @@ Amount - + Fee - {{ fee | number }} sat   + {{ fee | number }} sat   Fee rate diff --git a/frontend/src/app/components/block-overview-tooltip/block-overview-tooltip.component.ts b/frontend/src/app/components/block-overview-tooltip/block-overview-tooltip.component.ts index 6702c4d62..1bd2b8714 100644 --- a/frontend/src/app/components/block-overview-tooltip/block-overview-tooltip.component.ts +++ b/frontend/src/app/components/block-overview-tooltip/block-overview-tooltip.component.ts @@ -1,6 +1,7 @@ import { Component, ElementRef, ViewChild, Input, OnChanges, ChangeDetectionStrategy } from '@angular/core'; import { TransactionStripped } from '../../interfaces/websocket.interface'; import { Position } from '../../components/block-overview-graph/sprite-types.js'; +import { Price } from 'src/app/services/price.service'; @Component({ selector: 'app-block-overview-tooltip', @@ -12,6 +13,7 @@ export class BlockOverviewTooltipComponent implements OnChanges { @Input() cursorPosition: Position; @Input() clickable: boolean; @Input() auditEnabled: boolean = false; + @Input() blockConversion: Price; txid = ''; fee = 0; diff --git a/frontend/src/app/components/block/block.component.html b/frontend/src/app/components/block/block.component.html index bb4d2082c..4c7e4684a 100644 --- a/frontend/src/app/components/block/block.component.html +++ b/frontend/src/app/components/block/block.component.html @@ -108,6 +108,7 @@ [blockLimit]="stateService.blockVSize" [orientation]="'top'" [flip]="false" + [blockConversion]="blockConversion" (txClickEvent)="onTxClick($event)" >