[frontend]: Conditional debounce timeouts
This commit is contained in:
@ -106,6 +106,11 @@ function App() {
|
|||||||
|
|
||||||
const handleSearchChange = (e) => {
|
const handleSearchChange = (e) => {
|
||||||
const value = e.target.value;
|
const value = e.target.value;
|
||||||
|
let timeout = 300;
|
||||||
|
|
||||||
|
if (numMarkers > 5000) {
|
||||||
|
timeout = 400;
|
||||||
|
}
|
||||||
|
|
||||||
if (debounceTimeout.current) {
|
if (debounceTimeout.current) {
|
||||||
clearTimeout(debounceTimeout.current);
|
clearTimeout(debounceTimeout.current);
|
||||||
@ -113,7 +118,7 @@ function App() {
|
|||||||
|
|
||||||
debounceTimeout.current = setTimeout(() => {
|
debounceTimeout.current = setTimeout(() => {
|
||||||
setSearchTerm(value);
|
setSearchTerm(value);
|
||||||
}, 300);
|
}, timeout);
|
||||||
};
|
};
|
||||||
|
|
||||||
// calculate distance between 2 points
|
// calculate distance between 2 points
|
||||||
|
Reference in New Issue
Block a user