aboutsummaryrefslogblamecommitdiffstats
path: root/ui/app/components/pending-tx.js
blob: 197e0436c45bef3f49634181bf20bac330d7a281 (plain) (tree)
1
2
3
4
5
6
7
8
9

                                            
                                                        
 

                          
                              
                       

                      
                                          

                           
          
 
              

                     
               


                              
          
                               
                                 
                      






                                           
 
      
    
   
 
 
const Component = require('react').Component
const h = require('react-hyperscript')
const inherits = require('util').inherits
const PendingTxDetails = require('./pending-tx-details')


module.exports = PendingTx

inherits(PendingTx, Component)
function PendingTx () {
  Component.call(this)
}

PendingTx.prototype.render = function () {
  var state = this.props
  var txData = state.txData

  return (

    h('div', {
      key: txData.id,
    }, [

      // header
      h('h3', {
        style: {
          fontWeight: 'bold',
          textAlign: 'center',
        },
      }, 'Submit Transaction'),

      // tx info
      h(PendingTxDetails, state),

      // send + cancel
      h('.flex-row.flex-space-around', [
        h('button', {
          onClick: state.cancelTransaction,
        }, 'Cancel'),
        h('button', {
          onClick: state.sendTransaction,
        }, 'Send'),
      ]),

    ])
    
  )

}