diff --git a/frontend/pages/hosts/details/cards/Queries/HostQueriesTableConfig.tsx b/frontend/pages/hosts/details/cards/Queries/HostQueriesTableConfig.tsx index 863cf818b8..ba10147681 100644 --- a/frontend/pages/hosts/details/cards/Queries/HostQueriesTableConfig.tsx +++ b/frontend/pages/hosts/details/cards/Queries/HostQueriesTableConfig.tsx @@ -8,6 +8,8 @@ import PerformanceImpactCell from "components/TableContainer/DataTable/Performan import TooltipWrapper from "components/TooltipWrapper"; import ReportUpdatedCell from "pages/hosts/details/cards/Queries/ReportUpdatedCell"; import Icon from "components/Icon"; +import { Link } from "react-router"; +import PATHS from "router/paths"; interface IHostQueriesTableData extends Partial { performance: { indicator: string; id: number }; @@ -90,6 +92,7 @@ const generateColumnConfigs = ( accessor: "performance", Cell: (cellProps: IPerformanceImpactCell) => { const baseClass = "performance-cell"; + const queryId = cellProps.row.original.id; return ( {!queryReportsDisabled && - cellProps.row.original.should_link_to_hqr && ( - + cellProps.row.original.should_link_to_hqr && + hostId && + queryId && ( + // parent row has same onClick functionality but link here is required for keyboard accessibility + + + )} );