kashmerelabs / ethereum-txn-status

React component to track pending Ethereum transactions with a progress bar style indicator.

Ethereum-txn-status

Install

npm install --save ethereum-txn-status

Usage

import React, { Component } from 'react'

import TransactionStatus from 'ethereum-txn-status'

class Example extends Component {
  render () {
    return (
      <TransactionStatus transaction_hash={tx_hash} dfuse_api_key={dfuse_key} network={"ropsten"}/>
    )
  }
}

Props

transaction_hash (Required) : The hash of the transaction that you want to track.

If you want to track the hash of a recently made transaction, use the hash provided in the web3 sendTransaction callback.(See example for more details)

dfuse_api_key (Required):The API key to query the Ethereum blockchain with. 

A free API key can be obtained here

Optional Props

Network (Optional): mainnet or ropsten

The default is mainnet.

body_background:  Hex code to modify the background color of body
banner_background: Hex code to modify the background color of header section
text_color: Hex code to modify the text color

License

MIT © pRoy24

ethereum-txn-status