1 files changed, 17 insertions, 0 deletions
diff --git a/client/js/app/src/app/pages/querybuilder/Components/Text/ResponseBox.jsx b/client/js/app/src/app/pages/querybuilder/Components/Text/ResponseBox.jsx
new file mode 100644
index 00000000000..08c65238434
--- /dev/null
+++ b/client/js/app/src/app/pages/querybuilder/Components/Text/ResponseBox.jsx
@@ -0,0 +1,17 @@
+import React, { useContext, useEffect, useState } from 'react';
+import { ResponseContext } from '../Contexts/ResponseContext';
+
+export default function ResponseBox() {
+  const { response } = useContext(ResponseContext);
+
+  return (
+    <textarea
+      id="responsetext"
+      className="responsebox"
+      readOnly
+      cols="70"
+      rows="25"
+      value={response}
+    />
+  );
+}