[Threshold Dashboard STAKING] Banner to inform the users they need to run a node.

[sashatanase]

Context: Even though in the Threshold Staking flow, the users are informed that they need to run a node, a lot of the users tend to braise over the information and not record it, thus resulting in a lot of people ending up lacking their funds for 45 days. The information was corroborated by customer support.

Nowadays, STAKING in web3 has two connotations simultaneously; the first is about securing a network and running a node in PoS networks, and the other means providing liquidity in a liquidity pool from a DeFi protocol.

Proposed Solution: Safe route

Display a modal takeover right after the users click 'New Stake.'

This takeover should contain the following:

• a body copy letting users know that the Threshold Staking Process requires running a node and that the staking process is not a passive one
• a link to the Documentation - https://docs.threshold.network/staking-and-running-a-node/running-a-node
• a visual cue that helps users understand that this node is a computer or a server
• Presents two options for running a node:
  - 1. Self-operated nodes - https://docs.threshold.network/staking-and-running-a-node/running-a-node/self-managed
  - 2. With the help of Staking Providers - https://docs.threshold.network/staking-and-running-a-node/running-a-node/staking-providers

It should also contain an agreement text.

"By clicking [insert_CTA_verb], I acknowledge I am aware of the requirements for the Threshold Staking."

[ I consent/I agree/Okay, let's go!]

The designer should decide the behaviour of this takeover

Figma file for the staking process and designs here

Tasks

Preview Give feedback

1. Staking user flow enhancements - running node acknowledgement #632
   +0
   

[SorinQ]

Proposed solution

Staking Timeline Pop-up 


1. Update the text of the first pop-up in the staking flow.
2. Add a new warning notification at the bottom.


Stake Tokens (Step 1) 


1. Add a new area at the bottom that requires user acceptance before proceeding further.
2. The Read more link button should open in a new tab the following page:

   https://docs.threshold.network/staking-and-running-a-node/running-a-node


Component behavior: 


• The button remains in a disabled state until the user ticks the checkbox in the new area. 

• As soon as the user checks the box, the button becomes active and allows the user to proceed further.

Figma link here




Out of scope

A visual cue that helps users understand that this node is a computer or a server

Presents two options for running a node:

• 1. Self-operated nodes - https://docs.threshold.network/staking-and-running-a-node/running-a-node/self-managed
• 2. With the help of Staking Providers - https://docs.threshold.network/staking-and-running-a-node/running-a-node/staking-providers

[kpyszkowski]

@SorinQ please let me know if my changes meet your expectations https://preview.dashboard.test.threshold.network/feature/staking-running-node-notice