Enable Enter key for search

This commit is contained in:
Frederico Castro
2025-12-13 18:28:10 -03:00
parent a3aab90c18
commit 0707c14e05

View File

@@ -79,6 +79,12 @@ function App() {
} }
}; };
const handleSubmitBuscar = (e) => {
e.preventDefault();
if (buscando) return;
handleBuscar();
};
if (loading) { if (loading) {
return ( return (
<div className="container"> <div className="container">
@@ -115,17 +121,17 @@ function App() {
</select> </select>
</label> </label>
<div className="search-box"> <form className="search-box" onSubmit={handleSubmitBuscar}>
<input <input
type="text" type="text"
placeholder="Digite o nome para localizar" placeholder="Digite o nome para localizar"
value={busca} value={busca}
onChange={(e) => setBusca(e.target.value)} onChange={(e) => setBusca(e.target.value)}
/> />
<button onClick={handleBuscar} disabled={buscando || busca.length < 3}> <button type="submit" disabled={buscando || busca.length < 3}>
{buscando ? 'Buscando...' : 'Buscar'} {buscando ? 'Buscando...' : 'Buscar'}
</button> </button>
</div> </form>
<div className="pagination"> <div className="pagination">
<button onClick={() => setPage(1)} disabled={page <= 1}>« Primeira</button> <button onClick={() => setPage(1)} disabled={page <= 1}>« Primeira</button>