diff --git a/frontend/src/app/components/block/block-transactions.component.ts b/frontend/src/app/components/block/block-transactions.component.ts index 08a2298dd..c0cda6c4f 100644 --- a/frontend/src/app/components/block/block-transactions.component.ts +++ b/frontend/src/app/components/block/block-transactions.component.ts @@ -19,6 +19,7 @@ export class BlockTransactionsComponent implements OnInit { @Input() previousBlockHash: string; @Input() block$: Observable; @Input() paginationMaxSize: number; + @Output() blockReward = new EventEmitter(); itemsPerPage = this.stateService.env.ITEMS_PER_PAGE; page = 1; @@ -50,6 +51,13 @@ export class BlockTransactionsComponent implements OnInit { return of([]); })) ), + tap((transactions: Transaction[]) => { + // The block API doesn't contain the block rewards on Liquid + if (this.stateService.isLiquid() && transactions && transactions[0] && transactions[0].vin[0].is_coinbase) { + const blockReward = transactions[0].vout.reduce((acc: number, curr: Vout) => acc + curr.value, 0) / 100000000; + this.blockReward.emit(blockReward); + } + }) ); this.txsLoadingStatus$ = this.route.paramMap diff --git a/frontend/src/app/components/block/block.component.html b/frontend/src/app/components/block/block.component.html index c4975e686..c83459375 100644 --- a/frontend/src/app/components/block/block.component.html +++ b/frontend/src/app/components/block/block.component.html @@ -326,7 +326,7 @@ @defer (on viewport) { - + } @placeholder {
diff --git a/frontend/src/app/components/block/block.component.ts b/frontend/src/app/components/block/block.component.ts index d18a634b6..d762a879e 100644 --- a/frontend/src/app/components/block/block.component.ts +++ b/frontend/src/app/components/block/block.component.ts @@ -755,4 +755,10 @@ export class BlockComponent implements OnInit, OnDestroy { this.block.canonical = block.id; } } + + updateBlockReward(blockReward: number): void { + if (this.fees === undefined) { + this.fees = blockReward; + } + } } \ No newline at end of file