Rename SendQuery to query-endpoint

3 files changed, 15 insertions, 8 deletions

diff --git a/client/js/app/src/app/pages/querybuilder/index.jsx b/client/js/app/src/app/pages/querybuilder/index.jsx
index 1c37a0729a8..0ee09d91e50 100644
--- a/client/js/app/src/app/pages/querybuilder/index.jsx
+++ b/client/js/app/src/app/pages/querybuilder/index.jsx
@@ -1,15 +1,23 @@
 import React from 'react';
+import { SimpleGrid } from '@mantine/core';
+import { Container } from 'app/components';
 import { QueryBuilderProvider } from 'app/pages/querybuilder/context/query-builder-provider';
 import { QueryFilters } from 'app/pages/querybuilder/query-filters/query-filters';
 import { QueryDerived } from 'app/pages/querybuilder/query-derived/query-derived';
 import { QueryResponse } from 'app/pages/querybuilder/query-response/query-response';
+import QueryEndpoint from 'app/pages/querybuilder/query-endpoint/query-endpoint';
 
 export function QueryBuilder() {
   return (
     <QueryBuilderProvider>
-      <QueryFilters />
-      <QueryDerived />
-      <QueryResponse />
+      <Container>
+        <QueryEndpoint />
+        <SimpleGrid cols={3}>
+          <QueryFilters />
+          <QueryDerived />
+          <QueryResponse />
+        </SimpleGrid>
+      </Container>
     </QueryBuilderProvider>
   );
 }
diff --git a/client/js/app/src/app/pages/querybuilder/query-filters/SendQuery.jsx b/client/js/app/src/app/pages/querybuilder/query-endpoint/query-endpoint.jsx
index dcd1411eccc..4894f616b55 100644
--- a/client/js/app/src/app/pages/querybuilder/query-filters/SendQuery.jsx
+++ b/client/js/app/src/app/pages/querybuilder/query-endpoint/query-endpoint.jsx
@@ -22,7 +22,7 @@ function send(method, url, query) {
     .catch((error) => dispatch(ACTION.SET_HTTP, { error }));
 }
 
-export default function SendQuery() {
+export default function QueryEndpoint() {
   const messageMethods = { post: { name: 'POST' }, get: { name: 'GET' } };
   const [method, setMethod] = useState(messageMethods.post.name);
   const [url, setUrl] = useState('http://localhost:8080/search/');
diff --git a/client/js/app/src/app/pages/querybuilder/query-filters/query-filters.jsx b/client/js/app/src/app/pages/querybuilder/query-filters/query-filters.jsx
index 725c4e4366b..2b2ac7a3497 100644
--- a/client/js/app/src/app/pages/querybuilder/query-filters/query-filters.jsx
+++ b/client/js/app/src/app/pages/querybuilder/query-filters/query-filters.jsx
@@ -1,14 +1,13 @@
 import React from 'react';
-import SendQuery from 'app/pages/querybuilder/query-filters/SendQuery';
 import QueryInput from 'app/pages/querybuilder/query-filters/QueryInput';
 import PasteJSONButton from 'app/pages/querybuilder/query-filters/PasteJSONButton';
+import { Container } from 'app/components';
 
 export function QueryFilters() {
   return (
-    <>
-      <SendQuery />
+    <Container>
       <QueryInput />
       <PasteJSONButton />
-    </>
+    </Container>
   );
 }