Skip to content

Set DataTable loading state when loading from store #1195

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

Merged
merged 2 commits into from
May 20, 2025

Conversation

ml-evs
Copy link
Member

@ml-evs ml-evs commented May 18, 2025

Closes #1194.

@BenjaminCharmes could you take a look at rolling this out across all item types? I don't think we necessarily need to make everything async for this work, but it should be straightforward to default to null in the store when things are loading and [] when they are actually empty.

As a side issue, the visual template for loading isn't particularly nice (grey overlay across entire component, with white text... perhaps this could be improved here too).

@ml-evs ml-evs added webapp For issues/PRs pertaining to the web interface visuals For issues/PRs pertaining to visuals/aesthetics of the interface usability labels May 18, 2025
Copy link

codecov bot commented May 18, 2025

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 71.09%. Comparing base (48d88a3) to head (70813d3).
Report is 1 commits behind head on main.

Additional details and impacted files
@@           Coverage Diff           @@
##             main    #1195   +/-   ##
=======================================
  Coverage   71.09%   71.09%           
=======================================
  Files          65       65           
  Lines        4300     4300           
=======================================
  Hits         3057     3057           
  Misses       1243     1243           
🚀 New features to boost your workflow:
  • ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
  • 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

Copy link

cypress bot commented May 18, 2025

datalab    Run #3358

Run Properties:  status check passed Passed #3358  •  git commit 1002e444df ℹ️: Merge 70813d3d5673a9b298dc1dcd12ca50445da9421c into 48d88a380e968de6626b2e9ef0bc...
Project datalab
Branch Review ml-evs/table-loading-state
Run status status check passed Passed #3358
Run duration 07m 54s
Commit git commit 1002e444df ℹ️: Merge 70813d3d5673a9b298dc1dcd12ca50445da9421c into 48d88a380e968de6626b2e9ef0bc...
Committer Matthew Evans
View all properties for this run ↗︎

Test results
Tests that failed  Failures 0
Tests that were flaky  Flaky 0
Tests that did not run due to a developer annotating a test with .skip  Pending 0
Tests that did not run due to a failure in a mocha hook  Skipped 0
Tests that passed  Passing 504
View all changes introduced in this branch ↗︎

@ml-evs ml-evs force-pushed the ml-evs/table-loading-state branch from 2b734d1 to 7a8ed93 Compare May 18, 2025 20:47
@BenjaminCharmes BenjaminCharmes force-pushed the ml-evs/table-loading-state branch 2 times, most recently from 7e71f87 to 06ad75c Compare May 19, 2025 13:29
@ml-evs ml-evs force-pushed the ml-evs/table-loading-state branch from 06ad75c to 7c78e97 Compare May 20, 2025 09:04
Copy link
Member Author

@ml-evs ml-evs left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Works nicely, thanks @BenjaminCharmes! Just going to make these two tweaks and then merge.

ml-evs and others added 2 commits May 20, 2025 10:43
Title Optional while creating a Collection in CollectionSelect

Fix cypress test

Remove console.log()

Tweak loading message
@ml-evs ml-evs force-pushed the ml-evs/table-loading-state branch from d22f3b0 to 70813d3 Compare May 20, 2025 09:43
@ml-evs ml-evs merged commit e8b7c5a into main May 20, 2025
17 checks passed
@ml-evs ml-evs deleted the ml-evs/table-loading-state branch May 20, 2025 10:28
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
usability visuals For issues/PRs pertaining to visuals/aesthetics of the interface webapp For issues/PRs pertaining to the web interface
Projects
None yet
Development

Successfully merging this pull request may close these issues.

DataTable never visually shows loading state
2 participants