Hide error message with css

elastic · Jun 23, 2021 · cf6f927 · cf6f927
1 parent 72f6202
commit cf6f927
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 5 deletions.
diff --git a/x-pack/plugins/cases/public/components/connector_selector/form.tsx b/x-pack/plugins/cases/public/components/connector_selector/form.tsx
@@ -8,6 +8,7 @@
 import React, { useCallback } from 'react';
 import { isEmpty } from 'lodash/fp';
 import { EuiFormRow } from '@elastic/eui';
+import styled from 'styled-components';
 
 import { FieldHook, getFieldValidityAndErrorMessage } from '../../common/shared_imports';
 import { ConnectorsDropdown } from '../configure_cases/connectors_dropdown';
@@ -24,6 +25,13 @@ interface ConnectorSelectorProps {
   handleChange?: (newValue: string) => void;
   hideConnectorServiceNowSir?: boolean;
 }
+
+const EuiFormRowWrapper = styled(EuiFormRow)`
+  .euiFormErrorText {
+    display: none;
+  }
+`;
+
 export const ConnectorSelector = ({
   connectors,
   dataTestSubj,
@@ -47,7 +55,7 @@ export const ConnectorSelector = ({
   );
 
   return isEdit ? (
-    <EuiFormRow
+    <EuiFormRowWrapper
       data-test-subj={dataTestSubj}
       describedByIds={idAria ? [idAria] : undefined}
       error={errorMessage}
@@ -65,6 +73,6 @@ export const ConnectorSelector = ({
         onChange={onChange}
         selectedConnector={isEmpty(field.value) ? 'none' : field.value}
       />
-    </EuiFormRow>
+    </EuiFormRowWrapper>
   ) : null;
 };
diff --git a/x-pack/plugins/cases/public/components/connectors/swimlane/validator.test.ts b/x-pack/plugins/cases/public/components/connectors/swimlane/validator.test.ts
@@ -29,7 +29,7 @@ describe('Swimlane validator', () => {
           mappings: {},
         },
       };
-      expect(connectorValidator(invalidConnector)).toEqual({ message: '' });
+      expect(connectorValidator(invalidConnector)).toEqual({ message: 'Invalid connector' });
     });
 
     test('it returns an error message if the connector is of type alerts', () => {
@@ -40,7 +40,7 @@ describe('Swimlane validator', () => {
           connectorType: SwimlaneConnectorType.Alerts,
         },
       };
-      expect(connectorValidator(invalidConnector)).toEqual({ message: '' });
+      expect(connectorValidator(invalidConnector)).toEqual({ message: 'Invalid connector' });
     });
 
     test.each([SwimlaneConnectorType.Cases, SwimlaneConnectorType.All])(

diff --git a/x-pack/plugins/cases/public/components/connectors/swimlane/validator.ts b/x-pack/plugins/cases/public/components/connectors/swimlane/validator.ts
@@ -33,7 +33,7 @@ export const connectorValidator = (
   } = connector;
   if (connectorType === SwimlaneConnectorType.Alerts || isAnyRequiredFieldNotSet(mappings)) {
     return {
-      message: '',
+      message: 'Invalid connector',
     };
   }
 };