When creating/editing a strategy we arrive on "My Strategies" page and the updates only arrives after some seconds.
In the meantime there is no indication that the state is stale. This has two effects :
UX: user has any indication on what's happening which can be stressful, especially if transaction involves large budgets.
E2E: tests don't know when the state is updated, which leads to flaky tests.
Solution :
Display a fetching indication at the top of the strategy list.
Since the query is on all strategies of the user, we don't know which strategy is loading, so we need a global loading indication.
Ideally this should not create a layout shifting, so we need to keep the space available all the time.
This should happen only on fetching a new state, and not on initial load.
When creating/editing a strategy we arrive on "My Strategies" page and the updates only arrives after some seconds. In the meantime there is no indication that the state is stale. This has two effects :
Solution : Display a fetching indication at the top of the strategy list.
It could look like this :
https://github.com/bancorprotocol/carbon-app/assets/8143464/49f75ef0-51e7-47d7-b1bd-dfc963d166ee