From cc593c2cd363559a0ee9ff22e87e394081df5eef Mon Sep 17 00:00:00 2001 From: Tiago Brito <69848652+britotiago03@users.noreply.github.com> Date: Fri, 10 May 2024 05:12:05 +0200 Subject: [PATCH] Implemented FeaturedProducts.js --- frontend/src/components/FeaturedProducts.js | 21 +++++++++++++++++++++ 1 file changed, 21 insertions(+) create mode 100644 frontend/src/components/FeaturedProducts.js diff --git a/frontend/src/components/FeaturedProducts.js b/frontend/src/components/FeaturedProducts.js new file mode 100644 index 0000000..1d56e8c --- /dev/null +++ b/frontend/src/components/FeaturedProducts.js @@ -0,0 +1,21 @@ +// FeaturedProducts.js +import React from 'react'; +import '../css/FeaturedProducts.css' + +function FeaturedProducts({ title, products }) { + return ( + <div className="featured-products"> + <h2>{title}</h2> + <div className="product-list"> + {products.map(product => ( + <div key={product.id} className="product"> + <img src={product.image} alt={product.name} /> + <h3>{product.name}</h3> + </div> + ))} + </div> + </div> + ); +} + +export default FeaturedProducts; -- GitLab