added link to learn more about timing to phase timeline component

elastic · Feb 11, 2021 · 1c980b4 · 1c980b4
1 parent f21ad5b
commit 1c980b4
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 8 deletions.
diff --git a/...ns/index_lifecycle_management/public/application/sections/edit_policy/components/index.ts b/...ns/index_lifecycle_management/public/application/sections/edit_policy/components/index.ts
@@ -13,4 +13,5 @@ export { FieldLoadingError } from './field_loading_error';
 export { Timeline } from './timeline';
 export { FormErrorsCallout } from './form_errors_callout';
 export { PhaseFooter } from './phase_footer';
+export { InfinityIcon } from './infinity_icon';
 export * from './phases';
diff --git a/...cycle_management/public/application/sections/edit_policy/components/timeline/timeline.tsx b/...cycle_management/public/application/sections/edit_policy/components/timeline/timeline.tsx
@@ -6,6 +6,7 @@
  */
 
 import { i18n } from '@kbn/i18n';
+import { FormattedMessage } from '@kbn/i18n/react';
 
 import React, { FunctionComponent, memo } from 'react';
 import { EuiFlexGroup, EuiFlexItem, EuiTitle, EuiText, EuiIconTip } from '@elastic/eui';
@@ -18,7 +19,7 @@ import {
  AbsoluteTimings,
 } from '../../lib';
 
-import { InfinityIcon } from '../infinity_icon';
+import { InfinityIcon, LearnMoreLink } from '..';
 
 import { TimelinePhaseText } from './components';
 
@@ -55,13 +56,6 @@ const i18nTexts = {
  hotPhase: i18n.translate('xpack.indexLifecycleMgmt.timeline.hotPhaseSectionTitle', {
  defaultMessage: 'Hot phase',
  }),
- rolloverTooltip: i18n.translate(
- 'xpack.indexLifecycleMgmt.timeline.hotPhaseRolloverToolTipContent',
- {
- defaultMessage:
- 'How long it takes to reach the rollover criteria in the hot phase can vary. Data moves to the next phase when the time since rollover reaches the minimum age.',
- }
- ),
  warmPhase: i18n.translate('xpack.indexLifecycleMgmt.timeline.warmPhaseSectionTitle', {
  defaultMessage: 'Warm phase',
  }),
@@ -143,6 +137,16 @@ export const Timeline: FunctionComponent<Props> = memo(
  </EuiTitle>
  <EuiText size="s" color="subdued">
  {i18nTexts.description}
+ &nbsp;
+ <LearnMoreLink
+ docPath="ilm-index-lifecycle.html#ilm-phase-transitions"
+ text={
+ <FormattedMessage
+ id="xpack.indexLifecycleMgmt.editPolicy.learnAboutTimingText"
+ defaultMessage="Learn about timing"
+ />
+ }
+ />
  </EuiText>
  </EuiFlexItem>
  <EuiFlexItem>