From 0fae263a9acb1f4023070b37ee1b91815e34de86 Mon Sep 17 00:00:00 2001
From: Frankie <frankie.diamond@gmail.com>
Date: Tue, 10 Jan 2017 11:52:25 -0800
Subject: Take some of the tx Logic out of the UI and create a visble state for
 pending and unaproved transactions

---
 ui/app/components/transaction-list-item-icon.js | 18 +++++++++++++++++-
 1 file changed, 17 insertions(+), 1 deletion(-)

(limited to 'ui/app/components/transaction-list-item-icon.js')

diff --git a/ui/app/components/transaction-list-item-icon.js b/ui/app/components/transaction-list-item-icon.js
index 8b118b1d4..58aa733f1 100644
--- a/ui/app/components/transaction-list-item-icon.js
+++ b/ui/app/components/transaction-list-item-icon.js
@@ -13,15 +13,31 @@ function TransactionIcon () {
 
 TransactionIcon.prototype.render = function () {
   const { transaction, txParams, isMsg } = this.props
+  if (transaction.status === 'unapproved') {
+    return h('.unapproved-tx', {
+      style: {
+        width: '15px',
+        height: '15px',
+        background: '#00bfff',
+        borderRadius: '13px',
+      },
+    })
 
-  if (transaction.status === 'rejected') {
+  } else if (transaction.status === 'rejected') {
     return h('i.fa.fa-exclamation-triangle.fa-lg.warning', {
       style: {
         width: '24px',
       },
     })
+  } else if (transaction.status === 'signed') {
+    return h('i.fa.fa-ellipsis-h', {
+      style: {
+        fontSize: '27px',
+      },
+    })
   }
 
+
   if (isMsg) {
     return h('i.fa.fa-certificate.fa-lg', {
       style: {
-- 
cgit