mempool/frontend/src/app/components/eight-blocks/eight-blocks.component.html

<div class="blocks" [class.wrap]="wrapBlocks">
  <ng-container *ngFor="let i of blockIndices">
    <div class="block-wrapper" [style]="wrapperStyle">
      <div class="block-container" [style]="containerStyle">
        <app-block-overview-graph
          #blockGraph
          [isLoading]="false"
          [resolution]="resolution"
          [blockLimit]="stateService.blockVSize"
          [orientation]="'top'"
          [flip]="false"
          [animationDuration]="animationDuration"
          [animationOffset]="animationOffset"
          [disableSpinner]="true"
          (txClickEvent)="onTxClick($event)"
        ></app-block-overview-graph>
        <div *ngIf="showInfo && blockInfo[i]" class="info" @infoChange>
          <h1>{{ blockInfo[i].height }}</h1>
          <p class="hash">{{ blockInfo[i].id.slice(0, 32) }}<br>{{ blockInfo[i].id.slice(32) }}</p>
          <h2>{{ blockInfo[i].timeString }}</h2>
          <h2>{{ blockInfo[i].tx_count }} transactions</h2>
          <h2>{{ blockInfo[i].extras.medianFee | feeRounding }} sat/vB</h2>
          <h2>{{ blockInfo[i].size | bytes: 2 : 'B' : 'MB' : true }}</h2>
          <h2>Mined by {{ blockInfo[i].extras.pool.name || 'Unknown' }}</h2>
        </div>
      </div>
    </div>
  </ng-container>
</div>