[Eco Bounty] Unlimited Loading After Transaction Cancellation on IoTeX Bridge

1. 🐞 Description of Issue

When attempting to convert tokens (e.g., IOTX $\rightarrow$ CIOTX) on the IoTeX bridge, the user must first approve the token spend limit via a wallet transaction. If the user cancels or rejects this first wallet approval transaction, the bridge interface remains in the "Approving..." loading state indefinitely, preventing any subsequent attempt to start the conversion process.

• Impact: The user cannot proceed with the token conversion until the page is refreshed, leading to a poor user experience and potential confusion about the transaction status. The user is forced to restart the entire process.

• Module: Convert function on the bridge interface.

• Status Displayed: "Approving..." (as shown in the provided image).

2. 🚶 Step-by-Step Reproduction

1. Navigate to the IoTeX Bridge: https://bridge.iotex.io/

2. Go to the "Convert" tab.

3. Connect a compatible wallet (e.g., MetaMask).

4. Select the tokens and amount for conversion (e.g., IOTX $\rightarrow$ CIOTX, 0.01).

5. Click the purple "Approve" button (which changes to "Approving..." as seen in the screenshot).

6. The connected wallet (e.g., MetaMask) will prompt the user to sign/confirm the "Approve spending limit" transaction.

7. In the wallet prompt, the user cancels or rejects the transaction.

8. Observation: The bridge interface remains indefinitely stuck with the button displaying "Approving..." and the text "Waiting for wallet approval," and the user cannot proceed with a new conversion attempt.

3. ✅ Expected Result

After the user cancels or rejects the initial wallet approval transaction, the bridge interface should:

• Display a clear message indicating the transaction was rejected/canceled.

• Revert the main button back to the "Approve" state, allowing the user to click it again and initiate a new wallet approval request.

Wallet Address: io1tkw393kejmxwnd454twc6020sxcyvh5dxqmren

Device & Environment:

-Operating system: Windows 11 Pro

-Device model: A520MHP