text: import React, {Component} from 'react'
  import AccountPanel from './account-panel'
  import BinaryRenderer from './binary-renderer'
  import PropTypes from 'prop-types'
  
  export default class PendingMsgDetails extends Component {
    static propTypes = {
      txData: PropTypes.object,
      selectedAddress: PropTypes.string,
      identities: PropTypes.object,
      accounts: PropTypes.object,
      imageifyIdenticons: PropTypes.object,
    }
  
    render () {
      var state = this.props
      var msgData = state.txData
  
      var msgParams = msgData.msgParams || {}
      var address = msgParams.from || state.selectedAddress
      var identity = state.identities[address] || { address: address }
      var account = state.accounts[address] || { address: address }
  
      var { data } = msgParams
  
      return (
        <div key={msgData.id} style={{margin: '10px 0px'}}>
          <AccountPanel
            showFullAddress={true}
            identity={identity}
            account={account}
            imageifyIdenticons={state.imageifyIdenticons}
            style={{
              background: 'transparent',
            }}
          />
          <div style={{
            height: '260px',
            margin: '0 30px',
          }}>
            <label className="font-small" style={{
              display: 'block',
              color: 'white',
              margin: '10px 0',
            }}>MESSAGE</label>
            <BinaryRenderer
              value={data}
              style={{
                height: '215px',
              }}
            />
          </div>
        </div>
      )
    }
  }
  