32 lines
881 B
JavaScript
32 lines
881 B
JavaScript
import { 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";
|
|
import { useEffect } from "react";
|
|
|
|
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-full flex flex-col gap-4 pb-4">
|
|
<Header />
|
|
<div className="flex gap-4">
|
|
{pizzas.map(({ id, ...pizza }) => (
|
|
<CardPizza key={id} {...pizza} />
|
|
))}
|
|
</div>
|
|
</section>
|
|
);
|
|
};
|
|
|
|
export default Home;
|