fix(tangle-dapp): Restake New Design

AtelyPham commented 2 months ago

Summary of changes

Provide a detailed description of proposed changes.

[x] Applied new design for the restake page.
[x] Displayed chain, asset, and operator list card into the modal.
[x] Update the layout on the small screen.
[x] Updated new tab design with animation when switching.
[x] Allowed batching deposit and delegate into one transaction

Proposed area of change

Put an x in the boxes that apply.

[ ] apps/bridge-dapp
[ ] apps/hubble-stats
[ ] apps/stats-dapp
[x] apps/tangle-dapp
[ ] apps/testnet-leaderboard
[ ] apps/faucet
[ ] apps/zk-explorer
[x] libs/webb-ui-components

Reference issue to close (if applicable)

Specify any issues that can be closed from these changes (e.g. Closes #233).

Closes https://github.com/webb-tools/webb-dapp/issues/2418

Screen Recording

If possible provide a screen recording of proposed change.

https://github.com/user-attachments/assets/c2650a1d-4357-4805-b948-9e125d744a85

🟢 Live testing the page on Tangle testnet here: https://deploy-preview-2436--tangle-dapp.netlify.app/restake/deposit

netlify[bot] commented 2 months ago

Deploy Preview for tangle-dapp ready!

Name	Link
Latest commit	6dd1d66740045f1d1e8e2da082b4538a484493c2
Latest deploy log	https://app.netlify.com/sites/tangle-dapp/deploys/669b3813af6f6a00086314d5
Deploy Preview	https://deploy-preview-2436--tangle-dapp.netlify.app
Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

drewstone commented 2 months ago

Instead of having Select Operator (Optional), one of the operator selection items should be "No operator". Having the word "optional" in applications feels lazy or bad.

tangle-network / dapp