WebApp - Bug related to Swap feature

[Sokol142196]

Describe the task

• Not allow close popup "Still there" when out focus

  • Actual: When out focus (click on background) then popup "Still there" is closed and quote do not reset
  • Expect: Do not close popup "Still there" when out focus

• Add validate require for Amount and validate Amount > 0

• Handle case show history of the recipient account in case recipient account in wallet

  • Actual: Do not show history
  • Expect: Show history

• UI bug with large number

  

• UI bug when Select token => Do not reproduce, temporarily skip

  

• Update style

  

• Update style token name

  

• Update text on Swap confirmation

  

• Filter out "To token" by "From token"

  • Actual: "From token" is empty but 'To token' still show all -> incorrect pair
    

  • Expect: Filter out "To token" by "From token"

---

Bugs on responsive

• UI bug on the Term of service screen

  

• Disable all actions when submitting data => Related to issue WebApp - Disable all actions when submitting data #3428

• Swipe up and down on the pop-up screen but scroll on the bottom screen

  • Example: Swipe up and down on the Swap quote pop-up but scroll o Swap quote details screen

• Web App - Update bottom padding for modals #3429
  

[haiyenvu23]

Some bugs refered from issue #2758

• Handle case Ledger account => @Sokol142196 confirmed: not handle this issue

Actual: Still show token which not supported
Expect: Filter out token not support

• Update UX in case swap with XCM => @Sokol142196 confirmed: Skipped this task

• Add message on XCM confirmation screen when swap

• Header: Action needed

• Message: The amount you entered is higher than your available balance on X network. You need to first transfer cross-chain from Y network to X network to continue swapping

• Type message: info

• UI bug
  

---

• In HydraDX, don't show tooltip when hover slippage
  Expect : Always display tooltip when hover
  Content : "Click to set your slippage tolerance"

[haiyenvu23]

Version test : https://49458847.subwallet-webapp.pages.dev/transaction/swap

• Re-check UI in case show sender and recipient

[haiyenvu23]

Version test: https://c25916b0.subwallet-webapp.pages.dev/transaction/swap
Validation passed in case :

• Responsive
• Not allow close popup "Still there" when out focus
• Add validate require for Amount and validate Amount > 0

• Handle case show history of the recipient account in case recipient account in wallet

• UI bug with large number

• Update style

• Update text on Swap confirmation

• Filter out "To token" by "From token"

• Term of service screen

• Add message on XCM confirmation screen when swap

• In HydraDX, don't show tooltip when hover slippage