You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
72 lines
1.5 KiB
72 lines
1.5 KiB
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)
|
|
function TransactionIcon () {
|
|
Component.call(this)
|
|
}
|
|
|
|
TransactionIcon.prototype.render = function () {
|
|
const { transaction, txParams, isMsg } = this.props
|
|
switch (transaction.status) {
|
|
case 'unapproved':
|
|
return h('.unapproved-tx', {
|
|
style: {
|
|
width: '24px',
|
|
height: '24px',
|
|
background: '#4dffff',
|
|
border: 'solid',
|
|
borderColor: '#AEAEAE',
|
|
borderWidth: '0.5px',
|
|
borderRadius: '13px',
|
|
},
|
|
})
|
|
|
|
case 'rejected':
|
|
return h('i.fa.fa-exclamation-triangle.fa-lg.warning', {
|
|
style: {
|
|
width: '24px',
|
|
},
|
|
})
|
|
|
|
case 'failed':
|
|
return h('i.fa.fa-exclamation-triangle.fa-lg.error', {
|
|
style: {
|
|
width: '24px',
|
|
},
|
|
})
|
|
|
|
case 'submitted':
|
|
return h('i.fa.fa-ellipsis-h', {
|
|
style: {
|
|
fontSize: '27px',
|
|
},
|
|
})
|
|
}
|
|
|
|
if (isMsg) {
|
|
return h('i.fa.fa-certificate.fa-lg', {
|
|
style: {
|
|
width: '24px',
|
|
},
|
|
})
|
|
}
|
|
|
|
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',
|
|
},
|
|
})
|
|
}
|
|
}
|
|
|