-
-
Notifications
You must be signed in to change notification settings - Fork 4.4k
feat(aci): Add sorting to monitor list table #93841
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
Conversation
@@ -108,43 +110,4 @@ const RowWrapper = styled('div')<{disabled?: boolean}>` | |||
opacity: 0.6; | |||
} | |||
`} | |||
|
|||
.type, |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Was able to use subgrid here as well (already did so in automations) to get rid of some duplicate grid column definitions
<HeaderCell name="name" sortKey="name" sort={sort}> | ||
{t('Name')} | ||
</HeaderCell> | ||
<HeaderCell name="type" divider sortKey="type" sort={sort}> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Are these sortKeys
temporary until the API implements more sorting? In the designs I only see the option to sort by Last Issue
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I added all the ones that the API currently supports. When we get the open periods stuff I'll add in the sorting by last issue, but I think it's good to be able to sort by all the columns we can
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
That makes sense! As long as the column headers don't get too cramped 😅
Adds the ability to click column headers to change the sort. This is a little different than tables in other parts of the app since it uses a button element and has hover/pressed states because I wanted it to be obvious which columns were sortable. Will need to extract some of this to use in the automations page as well.