Block view.

frontend/src/app/blockchain-blocks/block-modal/block-modal.component.html

@@ -1,5 +1,8 @@
 <div class="modal-header">
-  <h4 class="modal-title">Fee distribution for block <a href="https://www.blockstream.info/block-height/{{ block.height }}" target="_blank">#{{ block.height }}</a></h4>
+  <h4 class="modal-title">Fee distribution for block 
+    <a *ngIf="!isEsploraEnabled" href="https://www.blockstream.info/block-height/{{ block.height }}" target="_blank">#{{ block.height }}</a>
+    <a *ngIf="isEsploraEnabled" (click)="activeModal.dismiss()" [routerLink]="['/explorer/block/', block.hash]">#{{ block.height }}</a>
+  </h4>
   <button type="button" class="close" aria-label="Close" (click)="activeModal.dismiss('Cross click')">
     <span aria-hidden="true">&times;</span>
   </button>

frontend/src/app/blockchain-blocks/block-modal/block-modal.component.ts

@@ -2,6 +2,7 @@ import { Component, OnInit, Input } from '@angular/core';
 import { NgbActiveModal } from '@ng-bootstrap/ng-bootstrap';
 import { IBlock } from '../../blockchain/interfaces';
 import { MemPoolService } from '../../services/mem-pool.service';
+import { environment } from '../../../environments/environment';
 
 @Component({
   selector: 'app-block-modal',
@@ -11,7 +12,7 @@ import { MemPoolService } from '../../services/mem-pool.service';
 export class BlockModalComponent implements OnInit {
   @Input() block: IBlock;
   blockSubsidy = 50;
-
+  isEsploraEnabled = !!environment.esplora;
   conversions: any;
 
   constructor(