From 9781f90f2b21095d2ab34468c3336cf663bad3b4 Mon Sep 17 00:00:00 2001
From: Brendon Duncan <brendon@bitcoin.com>
Date: Sat, 28 Jul 2018 19:20:12 -0700
Subject: [PATCH] Warning colour for insufficient funds.

---
 src/js/controllers/amount.js  | 1 +
 src/sass/views/amountNew.scss | 6 +++++-
 www/views/amountNew.html      | 8 ++++----
 3 files changed, 10 insertions(+), 5 deletions(-)

diff --git a/src/js/controllers/amount.js b/src/js/controllers/amount.js
index 1d4cb41f1..a4c8171a4 100644
--- a/src/js/controllers/amount.js
+++ b/src/js/controllers/amount.js
@@ -12,6 +12,7 @@ function amountController(configService, $filter, $ionicHistory, $ionicModal, $i
   vm.amountModel = { amount: 0 };
   vm.availableFunds = '251.00 USD';
   vm.fromWalletId = '';
+  vm.fundsAreInsufficient = true;
   vm.globalResult = '';
   vm.isRequestingSpecificAmount = false;
   vm.listComplete = false;
diff --git a/src/sass/views/amountNew.scss b/src/sass/views/amountNew.scss
index bbca0f5a2..9dad8b045 100644
--- a/src/sass/views/amountNew.scss
+++ b/src/sass/views/amountNew.scss
@@ -377,10 +377,14 @@
       justify-content: space-between;
       margin: 0 14px;
 
-      .availableFunds {
+      .available-funds {
         color: #6F6F70;
       }
 
+      .warning {
+        color: $v-warning-color-2;
+      }
+
       .extra,
       button.extra {
         display: flex;
diff --git a/www/views/amountNew.html b/www/views/amountNew.html
index 9449c361d..b23a34fbf 100644
--- a/www/views/amountNew.html
+++ b/www/views/amountNew.html
@@ -29,7 +29,7 @@
               <div class="switch-currencies" ng-click="vm.changeUnit()"><img src="img/icon-convert.svg"></div>
             </div>
             <div class="send-amount-header-footer">
-              <div class="warning">
+              <div class="warning" ng-show="vm.fundsAreInsufficient">
                 Not enough available funds
               </div>
             </div>
@@ -44,15 +44,15 @@
               <span translate>Change Currency</span>
             </span>
           </button>
-          <div class="extra availableFunds" translate>
+          <div class="extra available-funds" ng-class="{warning: vm.fundsAreInsufficient}" translate>
             Available Funds: {{vm.availableFunds}}</span>
           </div>  
         </div>
       </div>
   
       <div class="keypad-container" style="background: #fff; position: absolute; bottom: 0; margin-bottom: 57px; width: 100%;">
-        <div class="sendmax">
-          <button class="button button-sendmax" ng-if="!vm.isRequestingSpecificAmount" ng-click="vm.sendMax()">
+        <div class="sendmax" ng-if="vm.availableFunds && !vm.isRequestingSpecificAmount">
+          <button class="button button-sendmax" ng-click="vm.sendMax()">
               <span>
                 <span translate>Use All Available Funds</span>&ensp;
                 <span class="available-funds-amount">({{vm.availableFunds}})</span>