Liquid and Testnet now accessable from the main site

fixes #35

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

@@ -2,7 +2,7 @@
   <div class="flashing">
     <div *ngFor="let projectedBlock of mempoolBlocks; let i = index; trackBy: trackByFn">
       <div class="bitcoin-block text-center mempool-block" id="mempool-block-{{ i }}" [ngStyle]="getStyleForMempoolBlockAtIndex(i)">
-        <a [routerLink]="['/mempool-block/', i]" class="blockLink">&nbsp;</a>
+        <a [routerLink]="['/mempool-block/' | relativeUrl, i]" class="blockLink">&nbsp;</a>
         <div class="block-body" *ngIf="mempoolBlocks?.length">
           <div class="fees">
             <span class="yellow-color">~{{ projectedBlock.medianFee | number:'1.0-0' }} sat/vB</span>

frontend/src/app/components/mempool-blocks/mempool-blocks.component.ts

@@ -4,7 +4,7 @@ import { MempoolBlock } from 'src/app/interfaces/websocket.interface';
 import { StateService } from 'src/app/services/state.service';
 import { Router } from '@angular/router';
 import { take } from 'rxjs/operators';
-import { environment } from '../../../environments/environment';
+
 @Component({
   selector: 'app-mempool-blocks',
   templateUrl: './mempool-blocks.component.html',
@@ -14,7 +14,7 @@ export class MempoolBlocksComponent implements OnInit, OnDestroy {
   mempoolBlocks: MempoolBlock[];
   mempoolBlocksFull: MempoolBlock[];
   mempoolBlocksSubscription: Subscription;
-  network = environment.network;
+  network = '';
 
   blockWidth = 125;
   blockPadding = 30;
@@ -54,6 +54,9 @@ export class MempoolBlocksComponent implements OnInit, OnDestroy {
         }
         this.calculateTransactionPosition();
       });
+
+    this.stateService.networkChanged$
+      .subscribe((network) => this.network = network);
   }
 
   @HostListener('window:resize', ['$event'])