This issue addresses the improvement of DKG Stats URL inputs/selection (https://github.com/webb-tools/webb-experiences/issues/98) The updated design makes it easier for users to select existing known deployments, as well as, input custom URLs. With the use of radio buttons, user can quickly update what data they would like to be displayed. While also allowing users to put a custom URL for local development or other backends.
The updated design also enables users to easily toggle between Development, Testnets, and Live networks (when it is available). Please note that we will disable the Live radio button for now.
The finalized version of the DKG stats prototype has been updated to the latest change. Please feel free to access it to see how the change is reflected. Click HERE for the latest prototype.
Above showcases how the updated design should operate. For reference for the inputting & saving custom node behaviour, feel free to reference Polkadot-JS as well.
Tasks
[ ] Add separation for Development, Testnets, and Live networks using radio buttons
[ ] Add preset endpoints for Testnet using radio buttons
[ ] Add local endpoint to development network using radio button
[ ] Place custom endpoint input field within the development network
[ ] Remove reset utility link
[ ] Add save icon button to enable user to click and save the custom endpoint for future usage (see polkadot JS for reference) (see figma file for different states of icon buttons and input field)
[ ] Add remove icon button to enable user to click and delete the custom endpoint
[ ] Add tooltips where applicable (see figma file)
Overview
This issue addresses the improvement of DKG Stats URL inputs/selection (https://github.com/webb-tools/webb-experiences/issues/98) The updated design makes it easier for users to select existing known deployments, as well as, input custom URLs. With the use of radio buttons, user can quickly update what data they would like to be displayed. While also allowing users to put a custom URL for local development or other backends.
The updated design also enables users to easily toggle between
Development
,Testnets
, andLive
networks (when it is available). Please note that we will disable theLive
radio button for now.The finalized version of the DKG stats prototype has been updated to the latest change. Please feel free to access it to see how the change is reflected. Click HERE for the latest prototype.
https://user-images.githubusercontent.com/109539270/219826321-80c05f18-0c63-43c2-b8e3-331dcd4ceb13.mp4
Above showcases how the updated design should operate. For reference for the inputting & saving custom node behaviour, feel free to reference Polkadot-JS as well.
Tasks
Development
,Testnets
, andLive
networks using radio buttonssave
icon button to enable user to click and save the custom endpoint for future usage (see polkadot JS for reference) (see figma file for different states of icon buttons and input field)remove
icon button to enable user to click and delete the custom endpointFile Access
https://www.figma.com/file/UrIhW5ZikdiIyWWi5XKp9m/%F0%9F%8C%90--Statistics-Page-%5Bhand-off%5D?node-id=1152%3A113488&t=Z0H1f06UrhU3MPzC-1
Please review and let me know if the above-proposed change looks reasonable. @dutterbutter