feat: agregar imágenes al carrito
This commit is contained in:
parent
9b1f471ebc
commit
cc505c5a61
2 changed files with 36 additions and 33 deletions
|
|
@ -15,9 +15,11 @@ const Cart = () => {
|
||||||
<div id="cartContainer" className="flex gap-4 flex-col">
|
<div id="cartContainer" className="flex gap-4 flex-col">
|
||||||
{cart.map((pizza) => (
|
{cart.map((pizza) => (
|
||||||
<div
|
<div
|
||||||
className="border-3 border-lime-300 rounded-md p-2"
|
className="border-3 border-lime-300 rounded-md flex gap-4 overflow-hidden"
|
||||||
key={pizza.id}
|
key={pizza.id}
|
||||||
>
|
>
|
||||||
|
<img src={pizza.img} className="w-32 rounded-r-sm" />
|
||||||
|
<div>
|
||||||
<h2>Pizza {pizza.name}</h2>
|
<h2>Pizza {pizza.name}</h2>
|
||||||
<div className="flex gap-4">
|
<div className="flex gap-4">
|
||||||
<button
|
<button
|
||||||
|
|
@ -49,6 +51,7 @@ const Cart = () => {
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
))}
|
))}
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
|
||||||
|
|
@ -60,20 +60,20 @@ export const pizzaCart = [
|
||||||
name: "napolitana",
|
name: "napolitana",
|
||||||
price: 5950,
|
price: 5950,
|
||||||
count: 1,
|
count: 1,
|
||||||
img: "https://firebasestorage.googleapis.com/v0/b/apis-varias-mias.appspot.com/o/pizzeria%2Fpizza-1239077_640_cl.jpg?alt=media&token=6a9a33da-5c00-49d4-9080-784dcc87ec2c",
|
img: imgNapolitana,
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "P002",
|
id: "P002",
|
||||||
name: "española",
|
name: "española",
|
||||||
price: 7250,
|
price: 7250,
|
||||||
count: 1,
|
count: 1,
|
||||||
img: "https://firebasestorage.googleapis.com/v0/b/apis-varias-mias.appspot.com/o/pizzeria%2Fcheese-164872_640_com.jpg?alt=media&token=18b2b821-4d0d-43f2-a1c6-8c57bc388fab",
|
img: imgEspanola,
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "P003",
|
id: "P003",
|
||||||
name: "salame",
|
name: "salame",
|
||||||
price: 5990,
|
price: 5990,
|
||||||
count: 1,
|
count: 1,
|
||||||
img: "https://firebasestorage.googleapis.com/v0/b/apis-varias-mias.appspot.com/o/pizzeria%2Fpizza-1239077_640_com.jpg?alt=media&token=e7cde87a-08d5-4040-ac54-90f6c31eb3e3",
|
img: imgSalame,
|
||||||
},
|
},
|
||||||
];
|
];
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue