UI - sort host queries case-insensitively (#19004)

## Addresses #18953 

<img width="727" alt="Screenshot 2024-05-14 at 4 30 58 PM"
src="https://github.com/fleetdm/fleet/assets/61553566/d60ed18a-e0ad-4a55-86f6-db3b6bb8e707">


- [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>
This commit is contained in:
Jacob Shandling 2024-05-16 12:52:47 -07:00 committed by GitHub
parent 7cc39cdc3e
commit df7e8fc64a
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
3 changed files with 3 additions and 20 deletions

View file

@ -0,0 +1 @@
- Sort the host details page queries table case-insensitively.

View file

@ -50,6 +50,7 @@ interface IDataColumn {
| ((props: IPerformanceImpactCell) => JSX.Element);
disableHidden?: boolean;
disableSortBy?: boolean;
sortType?: string;
}
// NOTE: cellProps come from react-table
@ -66,6 +67,7 @@ const generateColumnConfigs = (
Cell: (cellProps: ICellProps) => (
<TextCell value={cellProps.cell.value} />
),
sortType: "caseInsensitive",
},
{
Header: () => {

View file

@ -160,26 +160,6 @@ const generateTableHeaders = ({
Observers can run this query.
</ReactTooltip5>
</div>
// <>
// <span
// className="tooltip-base"
// data-tip
// data-for={`observer-can-run-tooltip-${cellProps.row.original.id}`}
// >
// <Icon className="query-icon" name="query" size="small" />
// </span>
// <ReactTooltip
// className="observer-can-run-tooltip"
// place="top"
// type="dark"
// effect="solid"
// id={`observer-can-run-tooltip-${cellProps.row.original.id}`}
// backgroundColor={COLORS["tooltip-bg"]}
// >
// Observers can run this query.
// </ReactTooltip>
// </>
)}
{viewingTeamScope &&
// inherited