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',
      },
    })
  }
}