From 0925a7749a3a65cd13616546ef7ae8e55d9c247b Mon Sep 17 00:00:00 2001
From: Alison Goryachev <alisonmllr20@gmail.com>
Date: Tue, 17 Mar 2020 13:27:48 -0400
Subject: [PATCH] use EuiCodeBlock to render index mapping

---
 .../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 50c0e331e3dbc2..7b7ca08427087c 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>;
   }
 }