apps/frontend/src/components/MedicineResults.jsx

@@ -6,8 +6,9 @@ import {
   subscribeToPush,
   unsubscribeFromPush,
 } 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) {
     return (
       <div className="no-results">
@@ -27,6 +28,12 @@ function MedicineResults({ medicines, onSelect, query, currentUser, onLoginReque
           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>
   );
 }