diff options
author | Dan <danjm.com@gmail.com> | 2017-11-15 00:04:23 +0800 |
---|---|---|
committer | Dan <danjm.com@gmail.com> | 2017-12-05 10:36:26 +0800 |
commit | 6561e75aa2fb03c77544da3c090ad6ea2883d29a (patch) | |
tree | d2203d198a2c49049fa8eb3d566e2bb00ebcdb45 /old-ui/app/components/transaction-list-item-icon.js | |
parent | 2b1f2557c7dbd589724fd690ec72f789f9650e3c (diff) | |
download | tangerine-wallet-browser-6561e75aa2fb03c77544da3c090ad6ea2883d29a.tar.gz tangerine-wallet-browser-6561e75aa2fb03c77544da3c090ad6ea2883d29a.tar.zst tangerine-wallet-browser-6561e75aa2fb03c77544da3c090ad6ea2883d29a.zip |
Add old-ui directory
Diffstat (limited to 'old-ui/app/components/transaction-list-item-icon.js')
-rw-r--r-- | old-ui/app/components/transaction-list-item-icon.js | 68 |
1 files changed, 68 insertions, 0 deletions
diff --git a/old-ui/app/components/transaction-list-item-icon.js b/old-ui/app/components/transaction-list-item-icon.js new file mode 100644 index 000000000..f442b05af --- /dev/null +++ b/old-ui/app/components/transaction-list-item-icon.js @@ -0,0 +1,68 @@ +const Component = require('react').Component +const h = require('react-hyperscript') +const inherits = require('util').inherits +const Tooltip = require('./tooltip') + +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(!isMsg ? '.unapproved-tx-icon' : 'i.fa.fa-certificate.fa-lg') + + 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(Tooltip, { + title: 'Pending', + position: 'right', + }, [ + 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', + }, + }) + } +} |