1 files changed, 8 insertions, 26 deletions
diff --git a/client/js/app/src/app/pages/querybuilder/query-builder.jsx b/client/js/app/src/app/pages/querybuilder/query-builder.jsx
index 472ec1efe49..42a4ed829c3 100644
--- a/client/js/app/src/app/pages/querybuilder/query-builder.jsx
+++ b/client/js/app/src/app/pages/querybuilder/query-builder.jsx
@@ -1,27 +1,19 @@
-import React, { useContext } from 'react';
-import SimpleButton from './Components/Buttons/SimpleButton';
+import React from 'react';
 import QueryInput from './Components/Text/QueryInput';
 import TextBox from './Components/Text/TextBox';
-import ImageButton from './Components/Buttons/ImageButton';
-import OverlayImageButton from './Components/Buttons/OverlayImageButton';
 import AddQueryInput from './Components/Buttons/AddQueryInputButton';
 import { QueryInputProvider } from './Components/Contexts/QueryInputContext';
 import SendQuery from './Components/Text/SendQuery';
-import {
-  ResponseContext,
-  ResponseProvider,
-} from './Components/Contexts/ResponseContext';
+import { ResponseProvider } from './Components/Contexts/ResponseContext';
 import ResponseBox from './Components/Text/ResponseBox';
-
-import copyImage from './assets/img/copy.svg';
-
-import '../../styles/agency.css';
-import '../../styles/vespa.css';
 import ShowQueryButton from './Components/Buttons/ShowQueryButton';
 import { QueryProvider } from './Components/Contexts/QueryContext';
 import PasteJSONButton from './Components/Buttons/PasteJSONButton';
+import CopyResponseButton from './Components/Buttons/CopyResponseButton';
+import DownloadJSONButton from './Components/Buttons/DownloadJSONButton';
 
-//import 'bootstrap/dist/css/bootstrap.min.css'; //TODO: Find out how to get this css
+import '../../styles/agency.css';
+import '../../styles/vespa.css';
 
 export function QueryBuilder() {
   return (
@@ -49,19 +41,9 @@ export function QueryBuilder() {
             </QueryProvider>
             <TextBox className="response">Response</TextBox>
             <ResponseBox />
+            <CopyResponseButton />
+            <DownloadJSONButton>Download response as JSON</DownloadJSONButton>
           </ResponseProvider>
-          <OverlayImageButton
-            className="intro-copy"
-            image={copyImage}
-            height="30"
-            width="30"
-            tooltip="Copy"
-            onClick={() => {
-              alert('Button is non-functional');
-            }}
-          >
-            Copy
-          </OverlayImageButton>
           <br />
           <br />
         </div>