Easy Invoice - No UI indication for WalletConnect phone signing #202
Description
Problem
When a user initiates a subscription payment using WalletConnect (mobile wallet), there is no UI indication that they need to check their phone to sign the transaction. The screen appears blank/stuck, leaving users confused about what to do next.
From the demo:
"And do you know how can I disconnect my Metamask wallet from the dashboard? Maybe if. I go."
"I think our main invoice payment page may support the wallet connect, but maybe this one doesn't... Oh, it worked. Now. It's okay. Then I talked on my phone. So I had a pop up to sign the transaction on my phone. But not on my computer."
David's assessment:
"I'll say that the user interface is not very good there for the subscription. You didn't get any indication that told you oh, look at your phone or use Connect to pay or anything along that lines. It's just. It was just blank screen sign the thing. And you're left wondering, where do I sign? How do I do this? What do I do?"
Proposed Solution
When WalletConnect is being used for signing:
- Show a clear message: "Please check your mobile wallet to sign the transaction"
- Display a loading/waiting indicator
- Consider showing a QR code reminder or wallet icon animation
Considerations
- This is specifically for the subscription payment flow
- The assumption was Metamask browser extension would show a popup, but WalletConnect requires checking the phone
- This causes confusion during demos and for real users