<Tx />

[talentlessguy]

Related: #3 #2

Description

<Tx /> is a React component to display a single transaction information. There are 3 states of a transaction - pending, active and failed.

UI

Pending:

Success:

Example

<Tx
  status={'pending' | 'success' | 'fail'}
  title="Swap X for Y"
  hash="0x..."
  chainId={137} /* based on chain detect the provider link */
  explorerUrl="https://polygonscan.com" /* if this is passed then `chainId` is ignored */
  provider={provider} // if provided, then chainId is auto-detected, as well as the tx title and status
/>