diff --git a/frontend/src/app/components/mempool-blocks/mempool-blocks.component.ts b/frontend/src/app/components/mempool-blocks/mempool-blocks.component.ts index 47ab19329..e9f38ed1e 100644 --- a/frontend/src/app/components/mempool-blocks/mempool-blocks.component.ts +++ b/frontend/src/app/components/mempool-blocks/mempool-blocks.component.ts @@ -89,15 +89,17 @@ export class MempoolBlocksComponent implements OnInit, OnDestroy { } }); - let blocks = mempoolBlocks; if (!mempoolBlocks.length) { - blocks = [{ index: 0, blockSize: 0, blockVSize: 0, feeRange: [0, 0], medianFee: 0, nTx: 0, totalFees: 0 }]; + const emptyBlock = [{ index: 0, blockSize: 0, blockVSize: 0, feeRange: [0, 0], medianFee: 0, nTx: 0, totalFees: 0 }]; + this.mempoolBlocks = this.reduceMempoolBlocksToFitScreen(emptyBlock); + } else { + const stringifiedBlocks = JSON.stringify(mempoolBlocks); + this.mempoolBlocksFull = JSON.parse(stringifiedBlocks); + this.mempoolBlocks = this.reduceMempoolBlocksToFitScreen(JSON.parse(stringifiedBlocks)); } - this.mempoolBlocksFull = blocks; - this.mempoolBlocks = this.reduceMempoolBlocksToFitScreen(blocks); this.updateMempoolBlockStyles(); this.calculateTransactionPosition(); - return blocks; + return this.mempoolBlocks; }) );