Merge pull request #39 from areebsattar/RestaurantButton

NW-6 | AREEB-SATTAR | REACT| React Module Project - Restaurant button | WEEK-2

Author: Sabella-8

src/components/App/App.jsx

@@ -15,7 +15,6 @@ const App = () => (
     </div>
     <Bookings />
     <Restaurant />
-
     <Deck />
 
     <Footer

src/components/Restaurant/Restaurant.jsx

@@ -1,23 +1,20 @@
 import { useState } from "react";
+import RestaurantButton from "../RestaurantButton/RestaurantButton";
 
 function Restaurant() {
   const [pizzas, setPizzas] = useState(0);
 
-  function buttonAdd() {
+  const OrderOne = () => {
     setPizzas(pizzas + 1);
-  }
+  };
 
   return (
     <section className="restaurant">
       <h3 className="restaurant__heading">Restaurant Orders</h3>
       <ul className="restaurant__list">
-        <li className="restaurant__item">
-          Pizzas: {pizzas}{" "}
-          <button className="button restaurant__button" onClick={buttonAdd}>
-            Add
-          </button>
-        </li>
+        <li className="restaurant__item">Pizzas: {pizzas} </li>
       </ul>
+      <RestaurantButton OrderOne={OrderOne} />
     </section>
   );
 }

src/components/RestaurantButton/RestaurantButton.jsx

@@ -0,0 +1,12 @@
+
+function RestaurantButton({ OrderOne }) {
+  return (
+    <>
+      <button type="button" className="button restaurant__button" onClick={OrderOne}>
+        Add Pizzas
+      </button>
+    </>
+  );
+}
+
+export default RestaurantButton