From c61baf097b8b0f400c88bad8b0cc93a8c5033981 Mon Sep 17 00:00:00 2001
From: Alison Goryachev <alison.goryachev@elastic.co>
Date: Tue, 17 Mar 2020 18:55:56 -0400
Subject: [PATCH] [IM] Use EuiCodeBlock to render index mapping (#60420)

---
 .../detail_panel/show_json/show_json.js           | 15 ++-------------
 1 file changed, 2 insertions(+), 13 deletions(-)

diff --git a/x-pack/plugins/index_management/public/application/sections/home/index_list/detail_panel/show_json/show_json.js b/x-pack/plugins/index_management/public/application/sections/home/index_list/detail_panel/show_json/show_json.js
index 50c0e331e3dbc..7b7ca08427087 100644
--- a/x-pack/plugins/index_management/public/application/sections/home/index_list/detail_panel/show_json/show_json.js
+++ b/x-pack/plugins/index_management/public/application/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>;
   }
 }