confTx - add insufficient balance warning message

1 files changed, 6 insertions, 4 deletions

diff --git a/ui/app/components/pending-tx.js b/ui/app/components/pending-tx.js
index 89d90d990..94d780590 100644
--- a/ui/app/components/pending-tx.js
+++ b/ui/app/components/pending-tx.js
@@ -47,6 +47,10 @@ PendingTx.prototype.render = function () {
         }
       `),
 
+      insufficientBalance ?
+        h('span.error', { style: { marginLeft: 36 } }, 'Insufficient balance for transaction.')
+      : null,
+
       // send + cancel
       h('.flex-row.flex-space-around.conf-buttons', {
         style: {
@@ -56,13 +60,11 @@ PendingTx.prototype.render = function () {
         },
       }, [
 
-        ( insufficientBalance ?
+        insufficientBalance ?
           h('button.btn-green', {
             onClick: state.sendTransaction,
           }, 'Buy Ether')
-        : 
-          null
-        ),
+        : null,
 
         h('button.confirm', {
           disabled: insufficientBalance,