const BASE_URL = "https://apiqsp-production.up.railway.app";

export const getProductsByCategory = async (categoryId) => {
  const res = await fetch(`${BASE_URL}/products/category/${categoryId}`);
  if (!res.ok) throw new Error("Error al cargar productos de la categoría");
  return res.json();
};

import { getProductsByCategory } from "../services/api";

export default function Menu() {
  const [products, setProducts] = useState([]);
  
  useEffect(() => {
    if (activeCategoryId === null) return;
    
    getProductsByCategory(activeCategoryId)
      .then((data) => setProducts(data))
      .catch((err) => setError(err.message));
  }, [activeCategoryId]);
  
  return (
    <section className="products-grid">
      {products.map((product) => (
        <ProductCard
          key={product.id}
          title={product.name}
          price={product.price}
          image={product.imageUrl}
          badge={product.badge}
        />
      ))}
    </section>
  );
}