Added ability to submit inputbox on search

This commit is contained in:
glax 2024-10-19 21:02:00 +02:00
parent da002df3f2
commit f3cb3f209c

View File

@ -57,7 +57,7 @@ export default function Search({onJobsChanged, closeSearch} : {onJobsChanged: Ev
} }
} }
const ExecuteSearch : MouseEventHandler<HTMLButtonElement> = (event) => { const ExecuteSearch : EventHandler<any> = (event) => {
if(searchBoxValue.length < 1 || selectedConnector === undefined || selectedLanguage === ""){ if(searchBoxValue.length < 1 || selectedConnector === undefined || selectedLanguage === ""){
console.error("Tried initiating search while not all fields where submitted.") console.error("Tried initiating search while not all fields where submitted.")
return; return;
@ -90,7 +90,7 @@ export default function Search({onJobsChanged, closeSearch} : {onJobsChanged: Ev
return (<div id="Search"> return (<div id="Search">
<div id="SearchBox"> <div id="SearchBox">
<input type="text" placeholder="Manganame" id="Searchbox-Manganame" onChange={searchBoxValueChanged}></input> <input type="text" placeholder="Manganame" id="Searchbox-Manganame" onKeyDown={(e) => {if(e.key == "Enter") ExecuteSearch(null);}} onChange={searchBoxValueChanged}></input>
<select id="Searchbox-Connector" value={selectedConnector === undefined ? "" : selectedConnector.name} onChange={selectedConnectorChanged}> <select id="Searchbox-Connector" value={selectedConnector === undefined ? "" : selectedConnector.name} onChange={selectedConnectorChanged}>
<option value="" disabled hidden>Select</option> <option value="" disabled hidden>Select</option>
{mangaConnectors === undefined {mangaConnectors === undefined