-
Notifications
You must be signed in to change notification settings - Fork 11
Open
Description
Description
Sometimes blockchain data gets slightly out of sync or a user just wants to force the UI to pull the latest pool balances.
Instead of making them hard-refresh the entire browser tab, we need a small "Refresh" icon button near the top of the swap card.
When clicked, it should spin for 1-2 seconds and trigger a state update for the mocked balances.
This gives users a feeling of direct control over the application's data layer.
Requirements
- Add a small circular "Refresh" SVG icon button to the top right of the swap card.
- Attach an
onClickhandler that sets anisRefreshingboolean state to true. - Add the Tailwind
animate-spinclass to the icon whileisRefreshingis true. - Use a
setTimeoutto reset the state back to false after 1.5 seconds, simulating a network fetch.
Reactions are currently unavailable
Metadata
Metadata
Assignees
Labels
No labels