feat: display product results alongside medicine results in MedicineResults component

This commit is contained in:
Antoni Nuñez Romeu
2026-07-13 15:35:11 +02:00
parent ca4a9671e7
commit 731b51ff48
@@ -6,8 +6,9 @@ import {
subscribeToPush, subscribeToPush,
unsubscribeFromPush, unsubscribeFromPush,
} from '../utils/notifications.js'; } from '../utils/notifications.js';
import ProductResults from './ProductResults';
function MedicineResults({ medicines, onSelect, query, currentUser, onLoginRequest }) { function MedicineResults({ medicines, products = [], onSelect, onSelectProduct, query, currentUser, onLoginRequest }) {
if (medicines.length === 0 && query.length >= 2) { if (medicines.length === 0 && query.length >= 2) {
return ( return (
<div className="no-results"> <div className="no-results">
@@ -27,6 +28,12 @@ function MedicineResults({ medicines, onSelect, query, currentUser, onLoginReque
onLoginRequest={onLoginRequest} onLoginRequest={onLoginRequest}
/> />
))} ))}
{products.length > 0 && (
<div className="mt-6">
<h3 className="text-lg font-semibold mb-3">Parafarmacia y Bebé</h3>
<ProductResults products={products} onSelect={onSelectProduct} />
</div>
)}
</div> </div>
); );
} }