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) {
|
||||
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>
|
||||
|
||||
Reference in New Issue
Block a user