useTxHistory

[talentlessguy]

Related: #2

Description

A React hook to fetch the most recent transaction history using event logs. Optionally you can pass your own tx history fetcher function that must return the same looking array of txes.

In the core, it will use useWeb3React to get the user address and web3 provider instance.

Example

import { Tx } from '@rainbowkit/ui'
import { useTxHistory } from '@rainbowkit/util'

const App = () => {
 const { txes, loading, error } = useTxHistory({ txFetcher: () => [/* Transaction objects */] )

 if (loading) return <h1>Loading...</h1>

 if (error) return <h1 style={{ color: 'red' }}>ERROR!!!</h1>

 return <>{txes.map(tx => <Tx {...tx } />}</>
}

[talentlessguy]

closed via 5da023d