Fixed errors

elastic · Feb 4, 2021 · 0b4035c · 0b4035c
1 parent 47edd7b
commit 0b4035c
Show file tree

Hide file tree

Showing 5 changed files with 17 additions and 7 deletions.
diff --git a/...nagement/public/application/sections/edit_policy/components/phase_footer/phase_footer.tsx b/...nagement/public/application/sections/edit_policy/components/phase_footer/phase_footer.tsx
@@ -11,14 +11,15 @@ import { FormattedMessage } from '@kbn/i18n/react';
 
 import { EuiIcon, EuiText, EuiLink, EuiPanel } from '@elastic/eui';
 
+import { PhasesExceptDelete } from '../../../../../../common/types';
+
 import { usePhaseTimings } from '../../form';
 
 import { InfinityIcon } from '../infinity_icon';
-
 import './phase_footer.scss';
 
 interface Props {
-  phase: 'hot' | 'warm' | 'cold';
+  phase: PhasesExceptDelete;
 }
 
 export const PhaseFooter: FunctionComponent<Props> = ({ phase }) => {

diff --git a/...t/public/application/sections/edit_policy/components/phases/delete_phase/delete_phase.tsx b/...t/public/application/sections/edit_policy/components/phases/delete_phase/delete_phase.tsx
@@ -19,8 +19,6 @@ import {
 
 import { FormattedMessage } from '@kbn/i18n/react';
 
-import { UseField } from '../../../form';
-
 import { useFormData } from '../../../../../../shared_imports';
 
 import { i18nTexts } from '../../../i18n_texts';
@@ -30,6 +28,7 @@ import { usePhaseTimings } from '../../../form';
 import { MinAgeField, SnapshotPoliciesField } from '../shared_fields';
 import './delete_phase.scss';
 import { PhaseIcon } from '../../phase_icon';
+import { PhaseErrorIndicator } from '../phase/phase_error_indicator';
 
 const formFieldPaths = {
   enabled: '_meta.delete.enabled',
@@ -65,6 +64,10 @@ export const DeletePhase: FunctionComponent = () => {
           />
         </EuiButtonEmpty>
       </EuiFlexItem>
+
+      <EuiFlexItem grow={false}>
+        <PhaseErrorIndicator phase={'delete'} />
+      </EuiFlexItem>
     </EuiFlexGroup>
   );
 

diff --git a/...public/application/sections/edit_policy/components/phases/phase/phase_error_indicator.tsx b/...public/application/sections/edit_policy/components/phases/phase/phase_error_indicator.tsx
@@ -9,10 +9,11 @@ import { i18n } from '@kbn/i18n';
 import React, { FunctionComponent, memo } from 'react';
 import { EuiIconTip } from '@elastic/eui';
 
+import { Phases } from '../../../../../../../common/types';
 import { useFormErrorsContext } from '../../../form';
 
 interface Props {
-  phase: 'hot' | 'warm' | 'cold';
+  phase: string & keyof Phases;
 }
 
 const i18nTexts = {

diff --git a/...tion/sections/edit_policy/components/phases/shared_fields/min_age_field/min_age_field.tsx b/...tion/sections/edit_policy/components/phases/shared_fields/min_age_field/min_age_field.tsx
@@ -75,7 +75,12 @@ export const MinAgeField: FunctionComponent<Props> = ({ phase }): React.ReactEle
         const { isInvalid, errorMessage } = getFieldValidityAndErrorMessage(field);
         return (
           <EuiFormRow fullWidth isInvalid={isInvalid} error={errorMessage}>
-            <EuiFlexGroup gutterSize={'s'} alignItems={'center'} justifyContent={'spaceBetween'}>
+            <EuiFlexGroup
+              gutterSize={'s'}
+              alignItems={'center'}
+              justifyContent={'spaceBetween'}
+              wrap
+            >
               <EuiFlexItem grow={false}>
                 <EuiText className={'eui-textNoWrap'} size={'xs'}>
                   <FormattedMessage

diff --git a/...lication/sections/edit_policy/components/phases/shared_fields/snapshot_policies_field.tsx b/...lication/sections/edit_policy/components/phases/shared_fields/snapshot_policies_field.tsx
@@ -18,7 +18,7 @@ import {
   EuiSpacer,
 } from '@elastic/eui';
 
-import { getFieldValidityAndErrorMessage, ComboBoxField, useFormData } from '../../../../../../shared_imports';
+import { ComboBoxField, useFormData } from '../../../../../../shared_imports';
 import { useLoadSnapshotPolicies } from '../../../../../services/api';
 
 import { useEditPolicyContext } from '../../../edit_policy_context';