SearchBar presque fonctionnelle, Featured qui va fetcher dans la bd

This commit is contained in:
MarcEricMartel
2022-10-26 11:29:57 -07:00
parent e40807b6a2
commit 04c7d68a44
5 changed files with 29 additions and 34 deletions

View File

@@ -1,19 +1,20 @@
import { Carousel } from "react-bootstrap";
const FeaturedList = ({ products }) => {
if (products === null)
return (<></>);
return (
<Carousel variant="dark" className="featured-lst">
{products.map((product) => (
<Carousel.Item key={product.id} className="featured-itm">
<img
className="featured-img"
src={product.imageUrl}
src={`/images/${product.imageName}.jpg`}
/>
<Carousel.Caption className="featured-info">
<h3>{product.title}</h3>
<p>{product.description}</p>
<h5>Seulement</h5>
<h4 className="featured-prc">{product.price} $ CA</h4>
<h4 className="featured-prc">{product.promoPrice} $ CA</h4>
</Carousel.Caption>
</Carousel.Item>
))}