diff --git a/x-pack/plugins/cloud_security_posture/public/pages/benchmarks/benchmarks_table.tsx b/x-pack/plugins/cloud_security_posture/public/pages/benchmarks/benchmarks_table.tsx
index 5fdd845359cfb..120b0faaaad84 100644
--- a/x-pack/plugins/cloud_security_posture/public/pages/benchmarks/benchmarks_table.tsx
+++ b/x-pack/plugins/cloud_security_posture/public/pages/benchmarks/benchmarks_table.tsx
@@ -11,9 +11,10 @@ import {
type EuiBasicTableProps,
type Pagination,
type CriteriaWithPagination,
+ EuiLink,
} from '@elastic/eui';
import React from 'react';
-import { Link, useHistory, generatePath } from 'react-router-dom';
+import { generatePath } from 'react-router-dom';
import { pagePathGetters } from '@kbn/fleet-plugin/public';
import { FormattedMessage } from '@kbn/i18n-react';
import { i18n } from '@kbn/i18n';
@@ -32,20 +33,34 @@ interface BenchmarksTableProps
}
const AgentPolicyButtonLink = ({ name, id: policyId }: { name: string; id: string }) => {
- const { http, application } = useKibana().services;
+ const { http } = useKibana().services;
const [fleetBase, path] = pagePathGetters.policy_details({ policyId });
+
+ return {name};
+};
+
+const IntegrationButtonLink = ({
+ packageName,
+ policyId,
+ packagePolicyId,
+}: {
+ packageName: string;
+ packagePolicyId: string;
+ policyId: string;
+}) => {
+ const { application } = useKibana().services;
+
return (
- {
- e.stopPropagation();
- e.preventDefault();
- application.navigateToApp('fleet', { path });
- }}
+
- {name}
-
+ {packageName}
+
);
};
@@ -56,18 +71,11 @@ const BENCHMARKS_TABLE_COLUMNS: Array> = [
defaultMessage: 'Integration',
}),
render: (packageName, benchmark) => (
- {
- e.stopPropagation();
- }}
- >
- {packageName}
-
+
),
truncateText: true,
sortable: true,
@@ -154,18 +162,6 @@ export const BenchmarksTable = ({
sorting,
...rest
}: BenchmarksTableProps) => {
- const history = useHistory();
-
- const getRowProps: EuiBasicTableProps['rowProps'] = (benchmark) => ({
- onClick: () =>
- history.push(
- generatePath(cloudPosturePages.rules.path, {
- packagePolicyId: benchmark.package_policy.id,
- policyId: benchmark.package_policy.policy_id,
- })
- ),
- });
-
const pagination: Pagination = {
pageIndex: Math.max(pageIndex - 1, 0),
pageSize,
@@ -181,7 +177,6 @@ export const BenchmarksTable = ({
data-test-subj={rest['data-test-subj']}
items={benchmarks}
columns={BENCHMARKS_TABLE_COLUMNS}
- rowProps={getRowProps}
itemId={(item) => [item.agent_policy.id, item.package_policy.id].join('/')}
pagination={pagination}
onChange={onChange}