ui - txList - add time

2 files changed, 12 insertions, 0 deletions

diff --git a/package.json b/package.json
index 15e4c853f..d7f41097f 100644
--- a/package.json
+++ b/package.json
@@ -55,6 +55,7 @@
     "textarea-caret": "^3.0.1",
     "three.js": "^0.73.2",
     "through2": "^2.0.1",
+    "vreme": "^3.0.2",
     "web3": "ethereum/web3.js#0.16.0",
     "web3-provider-engine": "^7.6.3",
     "xtend": "^4.0.1"
diff --git a/ui/app/components/transaction-list.js b/ui/app/components/transaction-list.js
index fd6a0b2ff..2a1442b8c 100644
--- a/ui/app/components/transaction-list.js
+++ b/ui/app/components/transaction-list.js
@@ -1,4 +1,5 @@
 const h = require('react-hyperscript')
+const vreme = new (require('vreme'))
 const formatBalance = require('../util').formatBalance
 const addressSummary = require('../util').addressSummary
 const explorerLink = require('../../lib/explorer-link')
@@ -12,6 +13,7 @@ module.exports = function(transactions, network) {
       h('h3.flex-center.text-transform-uppercase', {
         style: {
           background: '#EBEBEB',
+          color: '#AEAEAE',
         },
       }, [
         'Transactions',
@@ -43,6 +45,7 @@ module.exports = function(transactions, network) {
  }
 
 function renderTransaction(transaction){
+
   var panelOpts = {
     key: `tx-${transaction.hash}`,
     identiconKey: transaction.txParams.to,
@@ -52,6 +55,10 @@ function renderTransaction(transaction){
     },
     attributes: [
       {
+        key: 'TIME',
+        value: formatDate(transaction.time),
+      },
+      {
         key: 'TO',
         value: addressSummary(transaction.txParams.to),
       },
@@ -63,4 +70,8 @@ function renderTransaction(transaction){
   }
 
   return h(Panel, panelOpts)
+}
+
+function formatDate(date){
+  return vreme.format(new Date(date), 'March 16 2014 14:30')
 }
\ No newline at end of file