OpenSource/homepage
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Use AbortController to abort pending requests when search changes.

Browse Source
This commit is contained in:
Flo2410 2024-01-27 21:25:47 +00:00
parent 649ca33cd6
commit 53e740578c
No known key found for this signature in database
GPG Key ID: 8ECB00AC5216DC7F
1 changed files with 10 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
src/components/quicklaunch.jsx
View File

@ -92,6 +92,8 @@ export default function QuickLaunch({
}
useEffect(() => {
const abortController = new AbortController();
if (searchString.length === 0) setResults([]);
else {
let newResults = servicesAndBookmarks.filter((r) => {
@ -117,7 +119,10 @@ export default function QuickLaunch({
if (!hideSearchSuggestions && searchProvider.suggestionUrl) {
if (searchString.trim() !== searchSuggestions[0]) {
fetch(`/api/searchSuggestion?query=${encodeURIComponent(searchString)}&providerName=${searchProvider.name}`)
fetch(
`/api/searchSuggestion?query=${encodeURIComponent(searchString)}&providerName=${searchProvider.name}`,
{ signal: abortController.signal },
)
.then(async (searchSuggestionResult) => {
const newSearchSuggestions = await searchSuggestionResult.json();
@ -164,6 +169,10 @@ export default function QuickLaunch({
setCurrentItemIndex(0);
}
}
return () => {
abortController.abort();
};
}, [
searchString,
servicesAndBookmarks,