Add transaction fee to send confirmation

Breeze.UI/src/app/wallet/send/send-confirmation/send-confirmation.component.html

@@ -20,6 +20,10 @@
               <li class="list-inline-item col blockLabel">Amount</li>
               <li class="list-inline-item col-9 blockText text-danger">-{{ transaction.amount | number:'1.8-8' }} {{ coinUnit }}</li>
             </ul>
+            <ul class="list-inline row">
+              <li class="list-inline-item col blockLabel">Fee</li>
+              <li class="list-inline-item col-9 blockText text-danger">-{{ transactionFee }} {{ coinUnit }}</li>
+            </ul>
             <ul class="list-inline row">
               <li class="list-inline-item col blockLabel">Destination</li>
               <li class="list-inline-item col blockText mt-2"><code>{{ transaction.destinationAddress }}</code></li>

Breeze.UI/src/app/wallet/send/send-confirmation/send-confirmation.component.ts

@@ -4,6 +4,8 @@ import { NgbModal, NgbActiveModal } from '@ng-bootstrap/ng-bootstrap';
 
 import { GlobalService } from '../../../shared/services/global.service';
 
+import { CoinNotationPipe } from '../../../shared/pipes/coin-notation.pipe';
+
 @Component({
   selector: 'app-send-confirmation',
   templateUrl: './send-confirmation.component.html',
@@ -12,6 +14,7 @@ import { GlobalService } from '../../../shared/services/global.service';
 export class SendConfirmationComponent implements OnInit {
 
   @Input() transaction: any;
+  @Input() transactionFee: any;
   constructor(private globalService: GlobalService, public activeModal: NgbActiveModal) { }
 
   public showDetails: boolean = false;
@@ -19,6 +22,8 @@ export class SendConfirmationComponent implements OnInit {
 
   ngOnInit() {
     this.coinUnit = this.globalService.getCoinUnit();
+    this.transactionFee = new CoinNotationPipe(this.globalService).transform(this.transactionFee);
+    this.transaction.amount = +this.transaction.amount + +this.transactionFee;
   }
 
   toggleDetails() {