New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Add Skeletons whenever component is loading or data is being fetched via API #378

Open

3 of 5 tasks

MAbdurrehman1 opened this issue May 27, 2024 · 0 comments

Assignees

Labels

epic

Contributor

MAbdurrehman1 commented May 27, 2024 •

edited

Loading

For a nice and smooth UX, I think we should be showing users skeleton components whenever a component is loading or data is being fetched via API.
Right now, when the data is being fetched, a message is shown: "No data available" and then after a few seconds the actual data shows up. IMO, this is not an optimal UX.
e.g:
https://github.com/thenewboston-developers/thenewboston-Frontend/assets/52558124/9b2b5ec7-0482-4112-9a5b-dcab58ed0108

Skeleton e.g:

Let's do this gradually, one by one:

Home Feed/Posts Loading Skeleton #408
Artwork Marketplace Loading Skeleton #410
Contributions Loading Skeleton #417
Followers/Following Loading Skeleton on profile page
University (Courses and Lectures) Loading Skeleton

... will be adding more here, if needed

buckyroberts assigned kiranmistary0697

kiranmistary0697 mentioned this issue

378 - Add Skeletons whenever component is loading or data is being fetched via API #392

Closed

MAbdurrehman1 added the epic label

MAbdurrehman1 assigned MAbdurrehman1 and unassigned kiranmistary0697

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment