Staking panel CTAs and view states

[danielattilasimon]

Similarly to the Trove and Stability Deposit panels, Staking shall have multiple different views depending on underlying state.

Views

Three major views have been identified:

• empty
• read-only (non-empty)
• adjusting

Empty

The "empty" view will show copy aimed at educating the user on Staking.

Stake LQTY to earn a share of borrowing and redemption fees. (TBD)
[ Start staking ]

Component: NoStake (new)

Adjusting

The "adjusting" view will be used to cover both an initial stake ("creation", i.e. zero current stake) and adjustments to an existing stake. However, in the latter case, extra information will be shown, such as the gains (LUSD & ETH) that will be paid out as a side-effect of the adjustment.

You are staking/withdrawing X LQTY and claiming Y ETH and Z LUSD. (TBD)
[ Cancel ] [ Confirm ]

Component: StakingManager (existing)

Read-only

The read-only view shows the user's current staked LQTY amount (non-zero) and LUSD & ETH gains available for withdrawal (if any).

[ Adjust stake ] [ Claim gains ]

Component: ReadOnlyStake (new)

States