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) {
return (
<div className="container">
@@ -115,17 +121,17 @@ function App() {
</select>
</label>
<div className="search-box">
<form className="search-box" onSubmit={handleSubmitBuscar}>
<input
type="text"
placeholder="Digite o nome para localizar"
value={busca}
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'}
</button>
</div>
</form>
<div className="pagination">
<button onClick={() => setPage(1)} disabled={page <= 1}>« Primeira</button>