Variable TransactionButton`Const`

TransactionButton: FC<TransactionButtonProps> = ...

TransactionButton component that handles blockchain transaction submission and monitoring.

Integrates with writeContractSync or sendTransactionSync functions to handle transaction submission and wait for confirmation. Displays transaction status and calls the onMined callback when the transaction is confirmed.

Param: props

TransactionButton component props.

Param: props.transaction

Function that initiates the transaction.

Param: props.onMined

Callback function called when transaction is mined.

Param: props.disabled

Whether the button is disabled.

Param: props.labelSending

Button label during pending transaction.

Param: props.confirmations

Number of confirmations to wait for.

Param: props.children

Button content.

Param: props.restProps

Additional props inherited from Chakra UI ButtonProps.

Example

<TransactionButton
  transaction={sendEthTransaction}
  onMined={(receipt) => console.log("Transaction confirmed:", receipt)}
  labelSending="Processing..."
  confirmations={3}
>
  Send ETH
</TransactionButton>