UI - Remove select boxes from inherited QueriesTable (#12875)

## Addresses #12636

<img width="748" alt="Screenshot 2023-07-20 at 11 23 18 AM"
src="https://github.com/fleetdm/fleet/assets/61553566/020bd366-2407-4bb4-87cd-2afa8eeb980d">

- [x] Manual QA for all new/changed functionality

Co-authored-by: Jacob Shandling <jacob@fleetdm.com>
This commit is contained in:
Jacob Shandling 2023-07-20 11:42:01 -07:00 committed by GitHub
parent 640e9a8dda
commit bc25e23f20
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 5 additions and 3 deletions

View file

@ -237,8 +237,8 @@ const QueriesTable = ({
};
const tableHeaders = useMemo(
() => currentUser && generateTableHeaders({ currentUser }),
[currentUser]
() => currentUser && generateTableHeaders({ currentUser, isInherited }),
[currentUser, isInherited]
);
const searchable =

View file

@ -97,12 +97,14 @@ interface IDataColumn {
interface IGenerateTableHeaders {
currentUser: IUser;
isInherited?: boolean;
}
// NOTE: cellProps come from react-table
// more info here https://react-table.tanstack.com/docs/api/useTable#cell-properties
const generateTableHeaders = ({
currentUser,
isInherited = false,
}: IGenerateTableHeaders): IDataColumn[] => {
const isOnlyObserver = permissionsUtils.isOnlyObserver(currentUser);
const isAnyTeamMaintainerOrTeamAdmin = permissionsUtils.isAnyTeamMaintainerOrTeamAdmin(
@ -257,7 +259,7 @@ const generateTableHeaders = ({
),
},
];
if (!isOnlyObserver) {
if (!isOnlyObserver && !isInherited) {
tableHeaders.splice(0, 0, {
id: "selection",
Header: (cellProps: IHeaderProps): JSX.Element => {