aboutsummaryrefslogtreecommitdiffstats
path: root/ui/app/components
diff options
context:
space:
mode:
authorFrankie <frankie.pangilinan@consensys.net>2016-09-16 09:13:13 +0800
committerFrankie <frankie.pangilinan@consensys.net>2016-09-16 09:13:13 +0800
commit9c982a4bd679c9f5a7a108e64744ff9f0e6e99e1 (patch)
tree70517b04d1e2767c7eece139280cb45b3d678eaa /ui/app/components
parent06b9adf172010600c7ac1127ff2ee76a7433e97b (diff)
downloadtangerine-wallet-browser-9c982a4bd679c9f5a7a108e64744ff9f0e6e99e1.tar
tangerine-wallet-browser-9c982a4bd679c9f5a7a108e64744ff9f0e6e99e1.tar.gz
tangerine-wallet-browser-9c982a4bd679c9f5a7a108e64744ff9f0e6e99e1.tar.bz2
tangerine-wallet-browser-9c982a4bd679c9f5a7a108e64744ff9f0e6e99e1.tar.lz
tangerine-wallet-browser-9c982a4bd679c9f5a7a108e64744ff9f0e6e99e1.tar.xz
tangerine-wallet-browser-9c982a4bd679c9f5a7a108e64744ff9f0e6e99e1.tar.zst
tangerine-wallet-browser-9c982a4bd679c9f5a7a108e64744ff9f0e6e99e1.zip
add tx-viz link to transaction history
Diffstat (limited to 'ui/app/components')
-rw-r--r--ui/app/components/transaction-list-item.js39
1 files changed, 27 insertions, 12 deletions
diff --git a/ui/app/components/transaction-list-item.js b/ui/app/components/transaction-list-item.js
index 66a232981..3adc07185 100644
--- a/ui/app/components/transaction-list-item.js
+++ b/ui/app/components/transaction-list-item.js
@@ -44,15 +44,6 @@ TransactionListItem.prototype.render = function () {
return (
h(`.transaction-list-item.flex-row.flex-space-between${isClickable ? '.pointer' : ''}`, {
- onClick: (event) => {
- if (isPending) {
- this.props.showTx(transaction.id)
- }
-
- if (!transaction.hash || !isLinkable) return
- var url = explorerLink(transaction.hash, parseInt(network))
- extension.tabs.create({ url })
- },
style: {
padding: '20px 0',
},
@@ -60,11 +51,35 @@ TransactionListItem.prototype.render = function () {
// large identicon
h('.identicon-wrapper.flex-column.flex-center.select-none', [
- transaction.status === 'unconfirmed' ? h('i.fa.fa-ellipsis-h', {style: { fontSize: '27px' }})
- : h(TransactionIcon, { txParams, transaction, isTx, isMsg }),
+ transaction.status === 'unconfirmed' ? h('i.fa.fa-ellipsis-h', {
+ style: {
+ fontSize: '27px'
+ }
+ }) : h( '.pop-hover', {
+ onClick: () => {
+ if (!isTx || isPending) return
+ var url = `https://metamask.github.io/eth-tx-viz/?tx=${transaction.hash}`
+ extension.tabs.create({ url })
+ },
+ }, [
+ h(TransactionIcon, { txParams, transaction, isTx, isMsg }),
+ ]),
]),
- h('.flex-column', {style: {width: '200px', overflow: 'hidden'}}, [
+ h('.flex-column', {
+ onClick: (event) => {
+ if (isPending) {
+ this.props.showTx(transaction.id)
+ }
+
+ if (!transaction.hash || !isLinkable) return
+ var url = explorerLink(transaction.hash, parseInt(network))
+ extension.tabs.create({ url })
+ },
+ style: {
+ width: '200px',
+ overflow: 'hidden'}
+ }, [
domainField(txParams),
h('div', date),
recipientField(txParams, transaction, isTx, isMsg),