Tooltip-style tx previews in block overview

frontend/src/app/components/block/block.component.html

@@ -249,6 +249,7 @@
           [blockLimit]="stateService.blockVSize"
           [orientation]="'top'"
           [flip]="false"
+          (txClickEvent)="onTxClick($event)"
         ></app-block-overview-graph>
       </div>
     </div>

frontend/src/app/components/block/block.component.ts

@@ -367,6 +367,11 @@ export class BlockComponent implements OnInit, OnDestroy {
       }
     }
   }
+
+  onTxClick(event: TransactionStripped): void {
+    const url = new RelativeUrlPipe(this.stateService).transform(`/tx/${event.txid}`);
+    this.router.navigate([url]);
+  }
 }
 
 function detectWebGL() {