2016-05-26 23:12:41 +02:00
|
|
|
const Component = require('react').Component
|
|
|
|
const h = require('react-hyperscript')
|
|
|
|
const inherits = require('util').inherits
|
|
|
|
|
|
|
|
const Identicon = require('./identicon')
|
|
|
|
|
|
|
|
module.exports = TransactionIcon
|
|
|
|
|
|
|
|
inherits(TransactionIcon, Component)
|
2016-06-21 22:18:32 +02:00
|
|
|
function TransactionIcon () {
|
2016-05-26 23:12:41 +02:00
|
|
|
Component.call(this)
|
|
|
|
}
|
|
|
|
|
2016-06-21 22:18:32 +02:00
|
|
|
TransactionIcon.prototype.render = function () {
|
2016-06-21 22:56:04 +02:00
|
|
|
const { transaction, txParams, isMsg } = this.props
|
2016-05-26 23:12:41 +02:00
|
|
|
|
|
|
|
if (transaction.status === 'rejected') {
|
2016-06-28 18:33:11 +02:00
|
|
|
return h('i.fa.fa-exclamation-triangle.fa-lg.warning', {
|
2016-05-26 23:12:41 +02:00
|
|
|
style: {
|
|
|
|
width: '24px',
|
2016-06-21 22:18:32 +02:00
|
|
|
},
|
2016-05-26 23:12:41 +02:00
|
|
|
})
|
|
|
|
}
|
|
|
|
|
|
|
|
if (isMsg) {
|
|
|
|
return h('i.fa.fa-certificate.fa-lg', {
|
|
|
|
style: {
|
|
|
|
width: '24px',
|
2016-06-21 22:18:32 +02:00
|
|
|
},
|
2016-05-26 23:12:41 +02:00
|
|
|
})
|
|
|
|
}
|
|
|
|
|
|
|
|
if (txParams.to) {
|
|
|
|
return h(Identicon, {
|
|
|
|
diameter: 24,
|
|
|
|
address: txParams.to || transaction.hash,
|
|
|
|
})
|
|
|
|
} else {
|
|
|
|
return h('i.fa.fa-file-text-o.fa-lg', {
|
|
|
|
style: {
|
|
|
|
width: '24px',
|
2016-06-21 22:18:32 +02:00
|
|
|
},
|
2016-05-26 23:12:41 +02:00
|
|
|
})
|
|
|
|
}
|
|
|
|
}
|