31 lines
870 B
JavaScript
31 lines
870 B
JavaScript
import { useEffect, useState } from "react";
|
|
import española from "../assets/española.jpg";
|
|
import napolitana from "../assets/napolitana.jpg";
|
|
import pepperoni from "../assets/pepperoni.jpg";
|
|
import CardPizza from "../components/CardPizza";
|
|
import Header from "../Header";
|
|
|
|
const Home = () => {
|
|
const [pizzas, setPizzas] = useState([]);
|
|
const fetchPizzas = async () => {
|
|
const url = "http://localhost:5000/api/pizzas";
|
|
const res = await fetch(url);
|
|
const data = await res.json();
|
|
setPizzas(data);
|
|
};
|
|
useEffect(() => {
|
|
fetchPizzas();
|
|
}, []);
|
|
return (
|
|
<section id="home" className="w-dvw flex flex-col overflow-auto gap-4 pb-4">
|
|
<Header />
|
|
<div className="flex gap-4">
|
|
{pizzas.map((pizza) => (
|
|
<CardPizza key={pizza.id} {...pizza} />
|
|
))}
|
|
</div>
|
|
</section>
|
|
);
|
|
};
|
|
|
|
export default Home;
|