From 85a74bbd0e2f292035f471c591fc5cd3c5f1494c Mon Sep 17 00:00:00 2001
From: Brendon Duncan <brendon@bitcoin.com>
Date: Thu, 2 Aug 2018 21:11:28 +1200
Subject: [PATCH] UI for crypto fee warning.

---
 src/js/controllers/review.controller.js | 10 ++++++----
 www/views/review.html                   |  4 +++-
 2 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/src/js/controllers/review.controller.js b/src/js/controllers/review.controller.js
index f42d25350..5bf032fbd 100644
--- a/src/js/controllers/review.controller.js
+++ b/src/js/controllers/review.controller.js
@@ -21,9 +21,10 @@ function reviewController(addressbookService, configService, $ionicConfig, $log,
   vm.fee = {
     cryptoAmount: '',
     cryptoCurrencyCode: '',
-    cryptoDescription: '',
+    description: '',
     fiatAmount: '',
-    fiatCurrency: ''
+    fiatCurrency: '',
+    high: false
   };
   vm.fee
   vm.feeFiat = '';
@@ -62,9 +63,10 @@ function reviewController(addressbookService, configService, $ionicConfig, $log,
     vm.fee = {
       cryptoAmount: '0.00195823',
       cryptoCurrencyCode: 'BCH',
-      cryptoDescription: 'Less than 1 cent',
+      description: 'Less than 1 cent',
       fiatAmount: '',
-      fiatCurrency: ''
+      fiatCurrency: '',
+      high: false
     };
 
     originWalletId = data.stateParams.fromWalletId;
diff --git a/www/views/review.html b/www/views/review.html
index f8b44c19a..20cb2bd2d 100644
--- a/www/views/review.html
+++ b/www/views/review.html
@@ -72,7 +72,9 @@
   </ion-content>
 
   <div class="fee-summary">
-    <div class="fee-fiat positive">Fee: Less than 1 cent</div>
+    <div class="fee-fiat" ng-class="vm.fee.high ? 'negative' : 'positive'">
+      Fee: {{vm.fee.description}}<span ng-if="!vm.fee.description">{{vm.fee.fiatAmount}} {{vm.fee.fiatCurrency}}<span>
+    </div>
     <div class="fee-crypto">
       {{vm.fee.cryptoAmount}} {{vm.fee.cryptoCurrencyCode}}
     </div>