Liquid: Display block times and amounts correctly.

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

@@ -2,5 +2,10 @@
   <span>{{ conversions.USD * (satoshis / 100000000) | currency:'USD':'symbol':'1.2-2' }}</span>
 </ng-container>
 <ng-template #viewFiatVin>
-  {{ satoshis / 100000000 | number : '1.8-8' }} BTC
+  <ng-template [ngIf]="network === 'liquid' && !satoshis" [ngIfElse]="default">
+    Confidential
+  </ng-template>
+  <ng-template #default>
+    {{ satoshis / 100000000 | number : '1.8-8' }} BTC
+  </ng-template>
 </ng-template>

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

@@ -1,6 +1,7 @@
 import { Component, OnInit, Input, ChangeDetectionStrategy } from '@angular/core';
 import { StateService } from '../../services/state.service';
 import { Observable } from 'rxjs';
+import { environment } from '../../../environments/environment';
 
 @Component({
   selector: 'app-amount',
@@ -11,6 +12,7 @@ import { Observable } from 'rxjs';
 export class AmountComponent implements OnInit {
   conversions$: Observable<any>;
   viewFiat$: Observable<boolean>;
+  network = environment.network;
 
   @Input() satoshis: number;