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.', })}