1 files changed, 15 insertions, 0 deletions
diff --git a/client/js/app/src/app/pages/querybuilder/query-response/query-response.jsx b/client/js/app/src/app/pages/querybuilder/query-response/query-response.jsx
new file mode 100644
index 00000000000..ccdb9930a64
--- /dev/null
+++ b/client/js/app/src/app/pages/querybuilder/query-response/query-response.jsx
@@ -0,0 +1,15 @@
+import React from 'react';
+import { useQueryBuilderContext } from 'app/pages/querybuilder/context/query-builder-provider';
+import CopyResponseButton from 'app/pages/querybuilder/query-response/CopyResponseButton';
+import { DownloadJson } from 'app/components';
+
+export function QueryResponse() {
+  const response = useQueryBuilderContext((ctx) => ctx.http.response);
+  return (
+    <>
+      <textarea readOnly cols="70" rows="25" value={response} />
+      <CopyResponseButton />
+      <DownloadJson response={response}>Download in Jeager format</DownloadJson>
+    </>
+  );
+}