fix(frontend): run medicine and product searches in parallel
Run Tests on Branches / Backend Tests (push) Has been cancelled
Run Tests on Branches / Frontend Tests (push) Has been cancelled
Run Tests on Branches / Frontend Mobile Tests (push) Has been cancelled
Run Tests on Branches / Detect Changes (push) Has been cancelled

- Use Promise.allSettled for parallel API calls
- Reduces total search time from ~1300ms to ~500ms
- Prevents results disappearing during sequential searches
This commit is contained in:
Antoni Nuñez Romeu
2026-07-13 19:34:55 +02:00
parent 731a6c98ae
commit 59edc7fbf1
+23 -16
View File
@@ -76,7 +76,7 @@ function SearchView({ currentUser, onLoginRequest, initialQuery = '', onNavigate
}, [currentUser]);
useEffect(() => {
const searchMedicines = async () => {
const searchAll = async () => {
if (searchQuery.trim().length < 2) {
setMedicines([]);
setProducts([]);
@@ -85,27 +85,34 @@ function SearchView({ currentUser, onLoginRequest, initialQuery = '', onNavigate
return;
}
setLoading(true);
const query = searchQuery.trim();
try {
const response = await fetch(`/api/medicines/search?q=${encodeURIComponent(searchQuery)}`);
const data = await response.json();
setMedicines(data);
// Run both searches in parallel for speed
const [medicinesRes, productsRes] = await Promise.allSettled([
fetch(`/api/medicines/search?q=${encodeURIComponent(query)}`),
fetch(`/api/products/search?q=${encodeURIComponent(query)}`),
]);
// Only update if this search is still the current one
if (query !== searchQuery.trim()) return;
if (medicinesRes.status === 'fulfilled' && medicinesRes.value.ok) {
const medicinesData = await medicinesRes.value.json();
setMedicines(medicinesData);
}
if (productsRes.status === 'fulfilled' && productsRes.value.ok) {
const productsData = await productsRes.value.json();
setProducts(productsData.results || []);
}
} catch (error) {
console.error('Error searching medicines:', error);
console.error('Search error:', error);
} finally {
setLoading(false);
}
try {
const productsResponse = await fetch(`/api/products/search?q=${encodeURIComponent(searchQuery)}`);
if (productsResponse.ok) {
const productsData = await productsResponse.json();
setProducts(productsData.results || []);
}
} catch (err) {
console.error('Product search error:', err);
}
};
const timeoutId = setTimeout(searchMedicines, 300);
const timeoutId = setTimeout(searchAll, 300);
return () => clearTimeout(timeoutId);
}, [searchQuery]);