How Can a Wallet Obtain the Latest Transaction Hash or Listen for Events When a User Accelerates an On-Chain Transaction?

[csschan]

When a user utilizes the transaction acceleration feature, the wallet needs to promptly obtain the latest transaction hash or listen for relevant events. What are the methods to achieve this requirement?

[DanielSinclair]

This is actually more of a Wagmi question. You'll want to reference useSendTransaction and useWaitForTransactionReceipt. When sending the transaction, you'll want to keep a reference of the returned transaction hash around in your dApp's memory and then you can wait for events to update the status or detect speed ups. It is separately the wallet's responsibility to keep track of pending transactions and nonces to allow a user to speed up a pending transaction, which would be outside of your concerns.

[flymauntains]

Note my code.

export const handleContribute = async (errMsg, btnMsg, config, setPending, refresh, setRefresh, amount, account) => {
    if (errMsg === `` && btnMsg === 'Contribute') {
        setPending(true)
        try {
            let data = {
                address: Config.CONTRIBUTE,
                abi: contributeABI,
                functionName: 'contribute',
                args: [parseUnits(amount.toString(), Config.BEPE_DEC)],
            }
            const encodedData = encodeFunctionData(data)
            await estimateGas(config, {
                ...account,
                data: encodedData,
                to: data.address,
            })

            const txHash = await writeContract(config, {
                ...account,
                ...data,
            })

            const txPendingData = waitForTransactionReceipt(config, {
                hash: txHash
            })
            toast.promise(txPendingData, {
                pending: "Waiting for pending... 👌",
            }, toastConfig);

            const txData = await txPendingData;
            if (txData && txData.status === "success") {
                toast.success(`Successfully contributed ${formatNumber(parseFloat(amount))} $BEPE! 👍`, toastConfig)
            } else {
                toast.error("Error! Transaction is failed.", toastConfig);
            }
        } catch (error) {
            // console.log('unstake error: ', error)
            try {
                if (error?.shortMessage) {
                    toast.error(error?.shortMessage, toastConfig);
                } else {
                    toast.error("Unknown Error! Something went wrong.", toastConfig);
                }
            } catch (error) {
                toast.error("Error! Something went wrong.", toastConfig);
            }
        }
        try {
            if (setRefresh !== undefined && refresh !== undefined) {
                setRefresh(!refresh)
            }
        } catch (error) { }
        setPending(false)
        return
    }

    toast.warn(errMsg, toastConfig)
}

If problem is continuous, contact me, I will solved problem asap.