Enable Enter key for search
This commit is contained in:
@@ -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>
|
||||||
|
|||||||
Reference in New Issue
Block a user