diff options
author | Chi Kei Chan <chikeichan@gmail.com> | 2017-09-05 16:48:52 +0800 |
---|---|---|
committer | Chi Kei Chan <chikeichan@gmail.com> | 2017-09-06 15:36:31 +0800 |
commit | 06b2a04a4259a0bc7dff4004328441d353c296de (patch) | |
tree | 3ecb23718c23f244f3216b8f82dc3dc0c7e9e014 /ui/app/components/tx-list.js | |
parent | 562d2fadaed93946bce8e5f306d1a2e271e971c7 (diff) | |
download | tangerine-wallet-browser-06b2a04a4259a0bc7dff4004328441d353c296de.tar.gz tangerine-wallet-browser-06b2a04a4259a0bc7dff4004328441d353c296de.tar.zst tangerine-wallet-browser-06b2a04a4259a0bc7dff4004328441d353c296de.zip |
Implement tokens list UI
Diffstat (limited to 'ui/app/components/tx-list.js')
-rw-r--r-- | ui/app/components/tx-list.js | 37 |
1 files changed, 22 insertions, 15 deletions
diff --git a/ui/app/components/tx-list.js b/ui/app/components/tx-list.js index bd7d77c48..b8a18970f 100644 --- a/ui/app/components/tx-list.js +++ b/ui/app/components/tx-list.js @@ -40,7 +40,7 @@ TxList.prototype.render = function () { }, [ h('div', { - style: {} + style: {}, }, 'transactions'), ]), @@ -64,45 +64,52 @@ TxList.prototype.renderTransactionListItem = function (transaction) { transactionStatus: transaction.status, transactionAmount: formatBalance(transaction.txParams.value, 6), } - const { address, transactionStatus, transactionAmount, dateString } = props - - return h('div', {}, [ + const { + address = '', + transactionStatus, + transactionAmount, + dateString, + } = props + + return h('div', { + key: transaction.id, + }, [ h('div.flex-column.tx-list-item-wrapper', { - style: {} + style: {}, }, [ h('div.tx-list-date-wrapper', { - style: {} + style: {}, }, [ h('span.tx-list-date', {}, [ dateString, - ]) + ]), ]), h('div.flex-row.tx-list-content-wrapper', { - style: {} + style: {}, }, [ h('div.tx-list-identicon-wrapper', { - style: {} + style: {}, }, [ h(Identicon, { address, diameter: 28, - }) + }), ]), h('div.tx-list-account-and-status-wrapper', {}, [ h('div.tx-list-account-wrapper', { - style: {} + style: {}, }, [ h('span.tx-list-account', {}, [ - `${address.slice(0, 10)}...${address.slice(-4)}` + `${address.slice(0, 10)}...${address.slice(-4)}`, ]), ]), h('div.tx-list-status-wrapper', { - style: {} + style: {}, }, [ h('span.tx-list-status', {}, [ transactionStatus, @@ -111,7 +118,7 @@ TxList.prototype.renderTransactionListItem = function (transaction) { ]), h('div.flex-column.tx-list-details-wrapper', { - style: {} + style: {}, }, [ h('span.tx-list-value', {}, [ @@ -126,7 +133,7 @@ TxList.prototype.renderTransactionListItem = function (transaction) { ]), ]), - contentDivider + contentDivider, ]) } |