diff --git a/x-pack/legacy/plugins/grokdebugger/public/components/custom_patterns_input/custom_patterns_input.js b/x-pack/legacy/plugins/grokdebugger/public/components/custom_patterns_input/custom_patterns_input.js
index cc1d2bc53a9df6..12429652bb633f 100644
--- a/x-pack/legacy/plugins/grokdebugger/public/components/custom_patterns_input/custom_patterns_input.js
+++ b/x-pack/legacy/plugins/grokdebugger/public/components/custom_patterns_input/custom_patterns_input.js
@@ -10,9 +10,8 @@ import {
EuiCallOut,
EuiCodeBlock,
EuiFormRow,
- EuiPanel,
EuiCodeEditor,
- EuiSpacer
+ EuiSpacer,
} from '@elastic/eui';
import { EDITOR } from '../../../common/constants';
import { FormattedMessage } from '@kbn/i18n/react';
@@ -24,49 +23,41 @@ MSG message-id=<%{GREEDYDATA}>`;
return (
- )}
+ }
data-test-subj="btnToggleCustomPatternsInput"
>
-
- )}
+ }
>
-
- { sampleCustomPatterns }
-
+ {sampleCustomPatterns}
-
-
-
-
+
+
);
diff --git a/x-pack/legacy/plugins/grokdebugger/public/components/event_input/event_input.js b/x-pack/legacy/plugins/grokdebugger/public/components/event_input/event_input.js
index 19335a88e9b877..8d4a6b308ba0cd 100644
--- a/x-pack/legacy/plugins/grokdebugger/public/components/event_input/event_input.js
+++ b/x-pack/legacy/plugins/grokdebugger/public/components/event_input/event_input.js
@@ -5,39 +5,30 @@
*/
import React from 'react';
-import {
- EuiFormRow,
- EuiPanel,
- EuiCodeEditor
-} from '@elastic/eui';
+import { EuiFormRow, EuiCodeEditor } from '@elastic/eui';
import { EDITOR } from '../../../common/constants';
import { FormattedMessage } from '@kbn/i18n/react';
export function EventInput({ value, onChange }) {
return (
- )}
+ label={
+
+ }
fullWidth
data-test-subj="aceEventInput"
>
-
-
-
+
);
}
diff --git a/x-pack/legacy/plugins/grokdebugger/public/components/event_output/event_output.js b/x-pack/legacy/plugins/grokdebugger/public/components/event_output/event_output.js
index f669ac7a61fddf..a513eb3716d5c6 100644
--- a/x-pack/legacy/plugins/grokdebugger/public/components/event_output/event_output.js
+++ b/x-pack/legacy/plugins/grokdebugger/public/components/event_output/event_output.js
@@ -5,38 +5,32 @@
*/
import React from 'react';
-import {
- EuiFormRow,
- EuiPanel,
- EuiCodeEditor
-} from '@elastic/eui';
+import { EuiFormRow, EuiCodeEditor } from '@elastic/eui';
import { FormattedMessage } from '@kbn/i18n/react';
export function EventOutput({ value }) {
return (
- )}
+ }
fullWidth
data-test-subj="aceEventOutput"
>
-
-
-
+
);
}
diff --git a/x-pack/legacy/plugins/grokdebugger/public/components/pattern_input/pattern_input.js b/x-pack/legacy/plugins/grokdebugger/public/components/pattern_input/pattern_input.js
index 09a6e100d9f88e..fd22bbcde1cc30 100644
--- a/x-pack/legacy/plugins/grokdebugger/public/components/pattern_input/pattern_input.js
+++ b/x-pack/legacy/plugins/grokdebugger/public/components/pattern_input/pattern_input.js
@@ -5,11 +5,7 @@
*/
import React from 'react';
-import {
- EuiFormRow,
- EuiPanel,
- EuiCodeEditor
-} from '@elastic/eui';
+import { EuiFormRow, EuiCodeEditor } from '@elastic/eui';
import { EDITOR } from '../../../common/constants';
import { GrokMode } from '../../lib/ace';
import { FormattedMessage } from '@kbn/i18n/react';
@@ -17,29 +13,24 @@ import { FormattedMessage } from '@kbn/i18n/react';
export function PatternInput({ value, onChange }) {
return (
- )}
+ label={
+
+ }
fullWidth
data-test-subj="acePatternInput"
>
-
-
-
+
);
}