const Component = require('react').Component const h = require('react-hyperscript') const inherits = require('util').inherits const AccountPanel = require('./account-panel') const readableDate = require('../util').readableDate module.exports = PendingMsgDetails inherits(PendingMsgDetails, Component) function PendingMsgDetails () { Component.call(this) } PendingMsgDetails.prototype.render = function () { 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 } return ( h('div', { key: msgData.id, }, [ // account that will sign h(AccountPanel, { showFullAddress: true, identity: identity, account: account, imageifyIdenticons: state.imageifyIdenticons, }), // message data h('.tx-data.flex-column.flex-justify-center.flex-grow.select-none', [ h('.flex-row.flex-space-between', [ h('label.font-small', 'DATE'), h('span.font-small', readableDate(msgData.time)), ]), h('.flex-row.flex-space-between', [ h('label.font-small', 'MESSAGE'), h('span.font-small', msgParams.data), ]), ]), ]) ) }