Implement loading states for data blocks

OlympusDAO / olympus-frontend

MIT License

288 stars 693 forks source link

Closed dwjanus closed 3 years ago

dwjanus commented 3 years ago

Definition of done

placeholder bars/blocks for data areas while loading data or refreshing page
entering app should display loading screen during initial data fetch
animate card component display between page changes collapse/slide cards into and out of view on nav events
Maybe related withh Redux refactor

dwjanus commented 3 years ago

For now app load can be a basic loading wheel or a pulsating ohm symbol, ideally this will be swapped for a custom loading animation in the future

dwjanus commented 3 years ago

Material ui animations should work well for base elements (sidebar, paper/main containers)

Perhaps we can explore framer-motion for more complex animations?

ner-33 commented 3 years ago

Recommending to keep all content that does not rely on datastream to be shown to avoid jerky loads.