From 782581a5c7a5dcc73285056e006aebd0b1496e44 Mon Sep 17 00:00:00 2001
From: Muhammed <56185049+muhammedjafer@users.noreply.github.com>
Date: Sun, 5 May 2024 21:54:55 +0300
Subject: [PATCH] Update the style of the code for rendering the list of pizzas

---
 03-pizza-menu/final/src/index.js | 8 +++-----
 1 file changed, 3 insertions(+), 5 deletions(-)

diff --git a/03-pizza-menu/final/src/index.js b/03-pizza-menu/final/src/index.js
index 25d30a8227..b972e48d25 100644
--- a/03-pizza-menu/final/src/index.js
+++ b/03-pizza-menu/final/src/index.js
@@ -70,6 +70,8 @@ function Header() {
 
 function Menu() {
   const pizzas = pizzaData;
+
+  const pizzaList = pizzaData.map((pizza) => <Pizza pizza={pizza} key={pizza.name} />);
   // const pizzas = [];
   const numPizzas = pizzas.length;
 
@@ -84,11 +86,7 @@ function Menu() {
             from our stone oven, all organic, all delicious.
           </p>
 
-          <ul className="pizzas">
-            {pizzas.map((pizza) => (
-              <Pizza pizzaObj={pizza} key={pizza.name} />
-            ))}
-          </ul>
+          <ul className="pizzas">{pizzaList}</ul>
         </>
       ) : (
         <p>We're still working on our menu. Please come back later :)</p>