Webapp - Update for staking reward

[saltict]

Update WebApp for Staking Reward

• [x] Update earning preview screen (Wait middleware service for validator list)
• [x] Update Earning Trans Screen
  • [x] Auto enable network
  • [x] Auto select account
  • [x] Auto focus to amount
  • [x] Auto select validators
• [x] Redirect promise (Redirect user after finish create account)

BA docs: https://www.notion.so/subwallet/Integration-with-Staking-rewards-2b63d60534fa4e4da4b17dd047ca84bd

[haiyenvu23]

• [x] Update new logic BA docs : https://www.notion.so/subwallet/Integration-with-Staking-rewards-2b63d60534fa4e4da4b17dd047ca84bd?pvs=4#7dee40e706c8456b9095e3ff4f78b0d1

[Sokol142196]

Please check issues:

• [x] Show incorect account

  • Actual: Save and show the first account
  • Expect: Selected current account

  

• [x] Validator information was transmitted incorrectly

  

• [x] UI bug in case Invalid account type

  

• [x] Handle case use Ledger account

  • Actual: Still navigate to the Start earning screen and Select account = empty
  • Expect: Show error message "Not supported account"...

• [x] Do not select account after create the first account

  

• [x] Automatic turn-on network

  • Expect: Automatic turn-on network when user click on "Stake" button on Start earning screen

• [x] List earning options

  • Actual: Earning options show by account type
  • Expect: Show all supported options

• [x] Still show "Invalid account type" although choose correct account Steps:

  1. On Demo page: Choose Polkadot and click open WebApp
  2. On Preview Earning, close Instruction of Polakdot then choose MOVR
  3. Click on "Stake"
  4. Observe the Start earning screen

  Actual: Show err message "Invalid account type

  

---

Disuss more:

• Earning method supported -> Content

[haiyenvu23]

Version test :

• Demo page: https://4kh56m-5173.csb.app/

• WebApp: https://webapp-demo.subwallet-webapp.pages.dev/

• [x] Do not select account after import/attach the first account

• [x] Do not auto select valid validators

• [x] UI bug when select validators name long

[haiyenvu23]

Version test :

• Demo page: https://h5tyq5.csb.app/

• WebApp: https://webapp-demo.subwallet-webapp.pages.dev/

• [x] 1. Update logic when using invalid accounts

Steps : In the case when the wallet does not have an account

1. Stand on popup Instrucsion earning
2. Click button Start to earn -> Navigate to Welcome screen to Create account/Import account/Attach account
3. Perform Import account/Attach account invalid
4. Click button Finish

Expect :

• Option 1 : Navigate to Earning options screen , display popup Invalid account type

• Option 2 : Navigate to Start earning screen , display popup Invalid account type

• [x] 2. Update logic for previously staked account

Steps

1. Stand on popup Instrucsion earning
2. Click button Start to earn
3. Navigate to Start earning screen

Expect :

• When the account has been nominated => show popup Pay attention

• When the account has been pooled => show popup Pay attention

• [x] 3. Added notification when selecting number of validators < max validators

• [x] 4. Updated case Account has unstake all (Active stake = 0)

Expect : Show popup with information :

• Header: Pay attention
  • Message: This account is unstaking all stake and can't nominate validators. You can change your account on the Account tab or try again after withdrawing unstaked funds
  • Button: I understand

[Quangdm-cdm]

About issue "Automatic turn-on network when user click on "Stake" button on Start earning screen", keep the flow turn on from preview screen @ThaoNguyen998

[haiyenvu23]

Discuss more : In case there are many valid accounts and in All account mode Actual : With All account mode, auto select the first account in the list at Select account field on Start earning screen => Moved to issue #2708

[haiyenvu23]

Version test :

• Demo page: https://h5tyq5.csb.app/
• WebApp: https://webapp-demo.subwallet-webapp.pages.dev/ Validation passed in case :
  1. Update logic when using invalid accounts

2. Update logic for previously staked account
   • Nominated

• Pooled

3. Added notification when selecting number of validators < max validators

4. Updated case Account has unstake all (Active stake = 0)

[ThaoNguyen998]

Improve on issue https://github.com/Koniverse/SubWallet-Extension/issues/2708