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

UI – Queries table: Fix issues with filter/sorting, optimize render behavior #18973

Merged
merged 13 commits into from
May 23, 2024

Conversation

jacobshandling
Copy link
Contributor

@jacobshandling jacobshandling commented May 14, 2024

Addresses #18881 and #18858

  • Fix the bugs, memoize various props to optimize table rendering

QA

In addition to the bugs outlined in the addressed issue, this PR contains rendering optimizations. Please check these functionalities, which should be unaffected (and were so in my own testing) but should be double-checked:

  • create query
  • delete query
  • empty state
  • changing platform dropdown
  • different sort orders
  • delete query from table action
  • results count change

Checklist for submitter

  • Changes file added for user-visible changes in changes/
  • Manual QA for all new/changed functionality

@RachelElysia
Copy link
Member

Reviewer manually QAed:

Only saw one cosmetic issue (see recording):

  • results count change
    • All counts look like they matched in all the tests I did
    • Prevent wrong count from quickly flashing

https://www.loom.com/share/f2c9ebe9c8bb445d8765860083f5b4a5?sid=5e7d15c7-194e-4779-8ba2-65fdd83939c6

Let me know if you want me to approve and then you can iterate, or if you want fix the flashing wrong number on this PR.

Copy link
Member

@RachelElysia RachelElysia left a comment

Choose a reason for hiding this comment

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

Love to hear all your insight from working on this later today.

@jacobshandling
Copy link
Contributor Author

@RachelElysia, the update we tried with specifying platforms accessor name in the filters led to some strange rendering of empty states and associated failing of unit tests. I think we should leave the solution as it is now (using global, plus some comments and cleanup), and file an eng-initiated ticket for cleaning up TableContainer and Datatable. Some of that experimentation (though not all, I tried cleaning up other parts of TableContainer and it became too much scope creep) exists in the commit history here if you want to try it out and see what I mean.

Copy link
Member

@RachelElysia RachelElysia left a comment

Choose a reason for hiding this comment

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

Thank you for all this!

I filed another bug for: Prevent wrong count from quickly flashing
#19090

@jacobshandling jacobshandling merged commit 886d534 into main May 23, 2024
9 checks passed
@jacobshandling jacobshandling deleted the 18881-platforms-filter branch May 23, 2024 20:30
sharon-fdm pushed a commit that referenced this pull request May 29, 2024
…ehavior (#18973)

## Addresses #18881 and #18858
- Fix the bugs, memoize various props to optimize table rendering

## QA
In addition to the bugs outlined in the addressed issue, this PR
contains rendering optimizations. Please check these functionalities,
which should be unaffected (and were so in my own testing) but should be
double-checked:

- [ ] create query
- [ ] delete query
- [ ] empty state
- [ ] changing platform dropdown
- [ ] different sort orders
- [ ] delete query from table action
- [ ] results count change

## Checklist for submitter
- [x] Changes file added for user-visible changes in `changes/`
- [x] Manual QA for all new/changed functionality

---------

Co-authored-by: Jacob Shandling <jacob@fleetdm.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Development

Successfully merging this pull request may close these issues.

None yet

2 participants