diff options
Diffstat (limited to 'client')
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> |