diff --git a/x-pack/plugins/enterprise_search/public/applications/app_search/components/settings/log_retention/log_retention_panel.tsx b/x-pack/plugins/enterprise_search/public/applications/app_search/components/settings/log_retention/log_retention_panel.tsx
index bb413298f51c6..3d4207d499857 100644
--- a/x-pack/plugins/enterprise_search/public/applications/app_search/components/settings/log_retention/log_retention_panel.tsx
+++ b/x-pack/plugins/enterprise_search/public/applications/app_search/components/settings/log_retention/log_retention_panel.tsx
@@ -17,6 +17,7 @@ import {
EuiText,
EuiTextColor,
EuiTitle,
+ useGeneratedHtmlId,
} from '@elastic/eui';
import { i18n } from '@kbn/i18n';
@@ -34,6 +35,7 @@ export const LogRetentionPanel: React.FC = () => {
const apiLogRetentionSettings = logRetention?.[LogRetentionOptions.API];
const auditLogRetentionSettings = logRetention?.[LogRetentionOptions.Audit];
const crawlerLogRetentionSettings = logRetention?.[LogRetentionOptions.Crawler];
+ const switchPrefixId = useGeneratedHtmlId();
useEffect(() => {
fetchLogRetention();
@@ -51,9 +53,10 @@ export const LogRetentionPanel: React.FC = () => {
-
+
{i18n.translate(
'xpack.enterpriseSearch.appSearch.settings.logRetention.analytics.label',
{
@@ -61,11 +64,13 @@ export const LogRetentionPanel: React.FC = () => {
}
)}
- {': '}
{hasILM && (
-
-
-
+ <>
+ {': '}
+
+
+
+ >
)}
>
}
@@ -78,9 +83,10 @@ export const LogRetentionPanel: React.FC = () => {
-
+
{i18n.translate(
'xpack.enterpriseSearch.appSearch.settings.logRetention.api.label',
{
@@ -88,11 +94,13 @@ export const LogRetentionPanel: React.FC = () => {
}
)}
- {': '}
{hasILM && (
-
-
-
+ <>
+ {': '}
+
+
+
+ >
)}
>
}
@@ -105,9 +113,10 @@ export const LogRetentionPanel: React.FC = () => {
-
+
{i18n.translate(
'xpack.enterpriseSearch.appSearch.settings.logRetention.crawler.label',
{
@@ -115,11 +124,13 @@ export const LogRetentionPanel: React.FC = () => {
}
)}
- {': '}
{hasILM && (
-
-
-
+ <>
+ {': '}
+
+
+
+ >
)}
>
}
@@ -132,9 +143,10 @@ export const LogRetentionPanel: React.FC = () => {
-
+
{i18n.translate(
'xpack.enterpriseSearch.appSearch.settings.logRetention.audit.label',
{
@@ -142,11 +154,14 @@ export const LogRetentionPanel: React.FC = () => {
}
)}
- {': '}
{hasILM && (
-
-
-
+ <>
+ {': '}
+
+
+
+ {': '}
+ >
)}
>
}
@@ -163,7 +178,11 @@ export const LogRetentionPanel: React.FC = () => {
defaultMessage: 'Log retention is determined by the ILM policies for your deployment.',
})}
-
+
{i18n.translate('xpack.enterpriseSearch.appSearch.settings.logRetention.learnMore', {
defaultMessage: 'Learn more about log retention for Enterprise Search.',
})}