[Claim] Rejected/failed/errors in claim flow

[W3stside]

Summary

Screenshots

Approving

Airdrop Claim (first page)

To Test

AIRDROP

1. using an account with airdrop and investments: 0xB1B98E968E9D7c6Ee1aa3496A753ae8922FC4683
2. first only leave airdrop selected (the preselected one)
3. hit claim
4. reject wallet tx
5. check error is as my screenshot shows
   INVESTMENT
6. using an account with airdrop and investments: 0xB1B98E968E9D7c6Ee1aa3496A753ae8922FC4683
7. select the investment option (unselected one)
8. go thru the screens until on the investment approve screen
9. since this acct already has approves, click the "invest max" button (it is test coded to reject)
10. check error is as my screenshot shows for investment

[elena-zh]

Could I get a preview link, pls?

[github-actions]

• 🔭 GP Swap: Gnosis Protocol v2 Swap UI

[elena-zh]

Hey @W3stside , errors work nicely, however, I'd make them to be displayed a bit better in terms of UI. Maybe @biocom could help with this in a separate PR.
Besides, I'd like to propose to show a error message when something goes wrong with the TX and it fails. WDYT?

Anyways, it is not an issue for this PR, so let me know if I need to create a separate issue for this.

I have to notice, that mentioned above error handling works somehow for airdrop, so it would be nice to adjust this error:

But still I can receive a 'Success' message when Claim fails (reported in #2082)

[W3stside]

Hey @W3stside , errors work nicely, however, I'd make them to be displayed a bit better in terms of UI. Maybe @biocom could help with this in a separate PR. Besides, I'd like to propose to show a error message when something goes wrong with the TX and it fails. WDYT? Anyways, it is not an issue for this PR, so let me know if I need to create a separate issue for this.

so instead of the message below showing it failed, showing a popup?

I have to notice, that mentioned above error handling works somehow for airdrop, so it would be nice to adjust this error:

same question as above

But still I can receive a 'Success' message when Claim fails (reported in #2082)

let's make this it's own issue, not really for this PR

[anxolin]

Can we make it coherent with the swap? there we show

[elena-zh]

The message has become shifted after the latest fix

[W3stside]

@elena-zh @anxolin this PR is the base now for #2193 - the UX will be Error modals now like the swap page (what anxo screenshotted) and no longer those error messages. Please check #2193 first