Remove TextBox

5 files changed, 5 insertions, 31 deletions

diff --git a/client/js/app/src/app/pages/querybuilder/Components/Text/QueryInputChild.jsx b/client/js/app/src/app/pages/querybuilder/Components/Text/QueryInputChild.jsx
index 10e3d06eac3..71140a14921 100644
--- a/client/js/app/src/app/pages/querybuilder/Components/Text/QueryInputChild.jsx
+++ b/client/js/app/src/app/pages/querybuilder/Components/Text/QueryInputChild.jsx
@@ -109,7 +109,6 @@ export default function QueryInputChild({ id }) {
           </>
         ) : (
           <SimpleForm
-            id={`v${child.id}`}
             size="30"
             onChange={updateInput}
             placeholder={setPlaceHolder(child.id)}
@@ -158,7 +157,6 @@ function Child({ child, type, onChange, placeholder, removeRow }) {
           </>
         ) : (
           <SimpleForm
-            id={`v${child.id}`}
             size="30"
             onChange={onChange}
             placeholder={placeholder(child.id)}
diff --git a/client/js/app/src/app/pages/querybuilder/Components/Text/SendQuery.jsx b/client/js/app/src/app/pages/querybuilder/Components/Text/SendQuery.jsx
index 3814905d481..2244db34f4e 100644
--- a/client/js/app/src/app/pages/querybuilder/Components/Text/SendQuery.jsx
+++ b/client/js/app/src/app/pages/querybuilder/Components/Text/SendQuery.jsx
@@ -85,12 +85,10 @@ export default function SendQuery() {
     <>
       <SimpleDropDownForm
         choices={messageMethods}
-        id="method"
         className="methodselector"
         onChange={updateMethod}
       />
       <SimpleForm
-        id="url"
         className="textbox"
         initial={url}
         size="30"
diff --git a/client/js/app/src/app/pages/querybuilder/Components/Text/SimpleForm.jsx b/client/js/app/src/app/pages/querybuilder/Components/Text/SimpleForm.jsx
index bb6aaa13529..d62db16bd41 100644
--- a/client/js/app/src/app/pages/querybuilder/Components/Text/SimpleForm.jsx
+++ b/client/js/app/src/app/pages/querybuilder/Components/Text/SimpleForm.jsx
@@ -1,29 +1,17 @@
 import React from 'react';
-import { useState } from 'react';
 
 export default function SimpleForm({
-  id,
   className = 'propvalue',
   initial,
   size = '20',
   onChange,
   placeholder,
 }) {
-  SimpleForm.defaultProps = {
-    onChange: handleChange,
-  };
-  const [input, setValue] = useState(initial);
-
-  function handleChange(e) {
-    setValue(e.target.value);
-  }
-
   return (
-    <form className={className} id={id}>
+    <form className={className}>
       <input
         size={size}
         type="text"
-        id={id}
         className={className}
         defaultValue={initial}
         onChange={onChange}
diff --git a/client/js/app/src/app/pages/querybuilder/Components/Text/TextBox.jsx b/client/js/app/src/app/pages/querybuilder/Components/Text/TextBox.jsx
deleted file mode 100644
index 022b250da7c..00000000000
--- a/client/js/app/src/app/pages/querybuilder/Components/Text/TextBox.jsx
+++ /dev/null
@@ -1,9 +0,0 @@
-import React from 'react';
-
-export default function TextBox({ id, className, children }) {
-  return (
-    <p className={className} id={id}>
-      {children}
-    </p>
-  );
-}
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 42a4ed829c3..ae6c9041be3 100644
--- a/client/js/app/src/app/pages/querybuilder/query-builder.jsx
+++ b/client/js/app/src/app/pages/querybuilder/query-builder.jsx
@@ -1,6 +1,5 @@
 import React from 'react';
 import QueryInput from './Components/Text/QueryInput';
-import TextBox from './Components/Text/TextBox';
 import AddQueryInput from './Components/Buttons/AddQueryInputButton';
 import { QueryInputProvider } from './Components/Contexts/QueryInputContext';
 import SendQuery from './Components/Text/SendQuery';
@@ -20,10 +19,10 @@ export function QueryBuilder() {
     <>
       <header>
         <div className="intro container">
-          <TextBox className={'intro-lead-in'}>Vespa Search Engine</TextBox>
-          <TextBox className={'intro-long'}>
+          <p className="intro-lead-in">Vespa Search Engine</p>
+          <p className="intro-long">
             Select the method for sending a request and construct a query.
-          </TextBox>
+          </p>
           <ResponseProvider>
             <QueryProvider>
               <QueryInputProvider>
@@ -39,7 +38,7 @@ export function QueryBuilder() {
               </QueryInputProvider>
               <ShowQueryButton />
             </QueryProvider>
-            <TextBox className="response">Response</TextBox>
+            <p className="response">Response</p>
             <ResponseBox />
             <CopyResponseButton />
             <DownloadJSONButton>Download response as JSON</DownloadJSONButton>