[FEATURE] <dev-stake-on>

Detailed description

This issue doesn't have a more in-depth spec, it just suggests a feature.

By declaring HTML as follows, the button which is the default slot element is displayed. Clicking that button will bring up a modal dialog with tier slots as child elements and start the staking flow.

<dev-stake-on connection="CONNECTION_ID" destination="0x..." network="NETWORK_NAME">
    <section slot="tier" amount="100">This is the 1st tier</section>
    <section slot="tier" amount="200">This is the 2nd tier</section>
    <section slot="tier" amount="300">This is the 3rd tier</section>
    <button>Please stake on me</button>
</dev-stake-on>

Options

• *connection: the id of dev-connection element #126
• *destination: the address of the staking destination
• *network: the network name

Context

You can easily build such paywalls by using this combined with <dev-when-staked> #118 .

Possible implementation

No response

Additional information

No response

Code of Conduct

• I agree to follow this project's Code of Conduct

Bắt đầu bằng cách xem xét phần tử hiện có được issue #126 tham chiếu và component trong issue #118. Xác định modal staking, hành vi của tier-slot và các tùy chọn được hỗ trợ trước khi triển khai; được xem là hoàn tất khi phần tử đã khai báo render nút mặc định của nó và hoàn thành luồng staking được mô tả.