[Staking] Delegate a validator

[NgocAnh7278]

Link wireframe:

https://drive.google.com/drive/folders/1Ox1xcRQSMQLxxc8dZW37q-NKP8UgsLDA?usp=sharing

Requirements:

• [x] Button “Delegate” for every validators of Validator page.

  Click button of a validator → view popup Delegate this one.

• [x] Popup Delegate a validator

  • Validator name

  • Commission

  • Voting power

  • Delegators

  • Staking will lock your funds for 14+ days

    You will need to undelegate in order for your staked assets to be liquid again. This process will take 14 days to complete.

  • My Delegation

  • Available Balance

  • Amount to Delegate (Textbox to input amount) Format: comma If type amount > available balance -> textbox border is red and can't click button Delegate.

  • Button Delegate (click button → show popup Approve transaction on your wallet → Approve successful → return validator page with successful delegation)

  • Button Cancel (click button → return validator page)

• [x] Delegate successfully

  • Available Balance
  • Total Staked
  • Button “Claim Reward” (click button → show popup Approve transaction on your wallet → claim successfully → return validator page with Available Balance rising an amount of reward.)
  • Delegation table
    • Name
    • Amount Staked
    • Pending Reward
    • Button Manage (click button → show popup delegation management)

• [x] Popup Delegation management

  • Validator name

  • Commission

  • Voting power

  • Delegators

  • My Delegation

  • Pending Reward

  • Total Reward

  • Available Balance

  • You can “Delegate” more to this validator.

    Or use “Redelegate” to switch your assets to another validator.

    Or use “Undelegate” to start the unbonding period.

  • Button “Delegate” (click button → show popup Delegate a validator)

  • Button “Undelegate” (click button → show popup Undelegate a validator)

  • Button “Redelegate” (click button → show popup Redelegate a validator)

[vitrantuong]

Ngoc Anh BA updated: Nút Max ở popup Delegate, Redegate, Undelegate

@mtamkg xem giúp nha em

[dvchieu]

Chỗ comment của chị Vi được chuyển qua ticket này để follow tiếp nhe, do cần confirm với BA: https://github.com/aura-nw/explorer/issues/207