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

Sortable header for component list in web UI #5642

Merged
merged 16 commits into from
Nov 2, 2023

Conversation

hainenber
Copy link
Contributor

PR Description

Which issue(s) this PR fixes

Implements grafana/alloy#321

Notes to the Reviewer

Please check if the screen recording is as expected or something more formal needs to be done, i.e. tests

Screen.Recording.2023-10-28.at.20.51.24.mov

PR Checklist

  • CHANGELOG.md updated

@hainenber hainenber requested a review from a team as a code owner October 28, 2023 13:53
Copy link
Contributor

@wildum wildum left a comment

Choose a reason for hiding this comment

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

Thanks once again for your contribution! It's nice to see improvements for the UI and the little video that you added in description is very helpful. My knowledge of react is very limited but I left some suggestions

web/ui/src/features/component/TableHead.tsx Outdated Show resolved Hide resolved
web/ui/src/features/component/TableHead.tsx Show resolved Hide resolved
web/ui/src/pages/PageComponentList.tsx Outdated Show resolved Hide resolved
web/ui/src/pages/PageComponentList.tsx Outdated Show resolved Hide resolved
web/ui/src/pages/PageComponentList.tsx Outdated Show resolved Hide resolved
@hainenber
Copy link
Contributor Author

hi there, all of your proposals are implemented, I wholeheartedly agreed with all of them. The added changes don't change the sorting logic and visuals, so the video still stays valid. PTAL if you have time again. Thank you!

Copy link
Contributor

@wildum wildum left a comment

Choose a reason for hiding this comment

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

Thanks for adapting the code, I did a second round of review with a few more suggestions

CHANGELOG.md Show resolved Hide resolved
web/ui/src/features/component/TableHead.tsx Outdated Show resolved Hide resolved
web/ui/src/features/component/TableHead.tsx Outdated Show resolved Hide resolved
web/ui/src/pages/PageComponentList.tsx Show resolved Hide resolved
@wildum
Copy link
Contributor

wildum commented Oct 31, 2023

One more thing, after discussing with our new UX designer, we would like to have by default the sorting enabled with ID "asc". This way the arrow will already be shown and it's easier for the user to find the sorting functionality

@CLAassistant
Copy link

CLAassistant commented Nov 1, 2023

CLA assistant check
All committers have signed the CLA.

@hainenber hainenber force-pushed the sortable-component-header-table branch from b29b436 to 596b798 Compare November 1, 2023 15:59
@hainenber
Copy link
Contributor Author

Hey, thanks for another review. I've made the refactor to simplify the sorting logic here and there as well as making ID column to be sorted ascendingly by default. PTAL again

Copy link
Contributor

@wildum wildum left a comment

Choose a reason for hiding this comment

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

Thanks for making the changes. I added two little comments but it looks good, nice job :)

CHANGELOG.md Outdated Show resolved Hide resolved
web/ui/src/features/component/TableHead.tsx Outdated Show resolved Hide resolved
hainenber and others added 12 commits November 2, 2023 21:37
…rafana#5634)

* Add an "exclude_event_message" argument to loki.source.windowsevent

* Add a note with exact commit hash of Loki.

---------

Co-authored-by: Paschalis Tsilias <[email protected]>
@hainenber hainenber force-pushed the sortable-component-header-table branch from aca2060 to 3aa815e Compare November 2, 2023 14:37
CHANGELOG.md Outdated Show resolved Hide resolved
Copy link
Contributor

@wildum wildum left a comment

Choose a reason for hiding this comment

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

Good work, it looks good to me, you will still need to update with main because the changelog has conflicts. I'm not an official maintainer yet so I can't merge it myself. I will ping my colleagues to take over from here

@rfratto rfratto enabled auto-merge (squash) November 2, 2023 16:24
@rfratto rfratto merged commit d27f011 into grafana:main Nov 2, 2023
10 checks passed
@github-actions github-actions bot added the frozen-due-to-age Locked due to a period of inactivity. Please open new issues or PRs if more discussion is needed. label Feb 21, 2024
@github-actions github-actions bot locked as resolved and limited conversation to collaborators Feb 21, 2024
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
frozen-due-to-age Locked due to a period of inactivity. Please open new issues or PRs if more discussion is needed.
Projects
None yet
Development

Successfully merging this pull request may close these issues.

6 participants