[IM] Use EuiCodeBlock to render index mapping (elastic#60420)

cjcenizal · Mar 17, 2020 · 8d91fb9 · 8d91fb9
1 parent 6582ff4
commit 8d91fb9
Showing 1 changed file with 2 additions and 13 deletions.
diff --git a/.../index_management/public/app/sections/home/index_list/detail_panel/show_json/show_json.js b/.../index_management/public/app/sections/home/index_list/detail_panel/show_json/show_json.js
@@ -5,7 +5,7 @@
  */
 
 import React from 'react';
-import { EuiCodeEditor } from '@elastic/eui';
+import { EuiCodeBlock } from '@elastic/eui';
 
 import 'brace/theme/textmate';
 
@@ -25,17 +25,6 @@ export class ShowJson extends React.PureComponent {
       return null;
     }
     const json = JSON.stringify(data, null, 2);
-    return (
-      <EuiCodeEditor
-        mode="json"
-        theme="textmate"
-        isReadOnly
-        setOptions={{ maxLines: Infinity }}
-        value={json}
-        editorProps={{
-          $blockScrolling: Infinity,
-        }}
-      />
-    );
+    return <EuiCodeBlock lang="json">{json}</EuiCodeBlock>;
   }
 }