Skip to content
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.

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

feat(dashboards): improve view spinners #18447

Merged
merged 5 commits into from
Jun 10, 2020
Merged

Conversation

alexpaxton
Copy link
Contributor

@alexpaxton alexpaxton commented Jun 10, 2020

Closes #18323

Upon investigating the issue we found that there is in fact a loading indicator but it had a few problems. One being that it was extremely subtle and the other being it only displayed on some view types and not on others.

Our solution:

graph-with-spinner
Redesign the loading state to be way more obvious

graph-with-spinner-timer
If the view is loading for more than 5s a timer appears to additionally display load time

  • Render loading indicator in RefreshingGraph instead of individually in each view component
    • Removed a lot of prop drilling
  • Redesign & rename loading indicator component
  • Start a timer each time the view changes to Loading and if it stays in Loading state longer than 5s reveal the duration
  • CHANGELOG.md updated with a link to the PR (not the Issue)
  • Well-formatted commit messages
  • Rebased/mergeable
  • Tests pass
  • http/swagger.yml updated (if modified Go structs or API)
  • Documentation updated or issue created (provide link to issue/pr)
  • Signed CLA (if not already signed)

alexpaxton and others added 5 commits June 10, 2020 13:28
…r and views

Co-Authored-By: Zoe Steinkamp <zoesteinkamp@users.noreply.github.com>
Co-Authored-By: Zoe Steinkamp <zoesteinkamp@users.noreply.github.com>
Co-Authored-By: Zoe Steinkamp <zoesteinkamp@users.noreply.github.com>
@alexpaxton alexpaxton requested review from a team and TCL735 and removed request for a team June 10, 2020 22:28
@TCL735
Copy link
Contributor

TCL735 commented Jun 10, 2020

🔥

@alexpaxton alexpaxton merged commit 8ca8ce9 into master Jun 10, 2020
@alexpaxton alexpaxton deleted the feat/improve-view-spinners branch June 10, 2020 23:36
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Provide an indication to the user that the dashboard cells are still loading
2 participants