staker-hooks

staker-hooks

React Hooks for Ethereum and compatible chains

Currently provide useEthscanBalance and useEthscanTokensBalance to query balances via eth-scan and expand the support chain to Ethereum, xDai, Binance Smart Chain, and Polygon (Matic POS chain).

Install

npm install --save staker-hooks

Usage

import React from 'react'
import {useEthscanBalance, useEthscanTokensBalance} from 'staker-hooks';

export const XdaiBalances = ({addresses, chainId}) => {
  const [nativeLoading, nativeBalance] = useEthscanBalance(
      addresses,
      chainId, // can neglect if use ethereum chain
  );
  const [tokenLoading, tokenBalance] = useEthscanTokensBalance(
      addresses,
      chainId, // can neglect if use ethereum chain
  );

  if (nativeLoading || tokenLoading) {
    return (<Text>Loading</Text>);
  }

  const balance = [...formatData(nativeBalance), ...formatData(tokenBalance)];
  return balance.length > 0 ?
    (<>
      {balance.map(token => (
        <View key={token.token}>
          <Text>{token.token}</Text>
          <Text>{token.balance}</Text>
        </View>
      ))}
    </>) :
    null;
}

License

MIT © gasolin

This hook is created using create-react-hook.