Skip to content

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

Notifications You must be signed in to change notification settings

KashmereLabs/ethereum-txn-status

Repository files navigation

Ethereum-txn-status

NPM JavaScript Style Guide

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"}/>
    )
  }
}

alt text

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

About

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

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published