Button is now working

Author: areebsattar

src/components/App/App.jsx

@@ -4,7 +4,6 @@ import Footer from "../Footer/Footer";
 import Deck from "../Deck/Deck";
 import AppHeader from "../AppHeader/AppHeader";
 import Restaurant from "../Restaurant/Restaurant";
-import RestaurantButton from "../RestaurantButton/RestaurantButton";
 
 const App = () => (
   <div className="app">
@@ -16,7 +15,6 @@ const App = () => (
     </div>
     <Bookings />
     <Restaurant />
-    <RestaurantButton OrderOne={Restaurant().OrderOne}/>
     <Deck />
 
     <Footer

src/components/Restaurant/Restaurant.jsx

@@ -1,20 +1,20 @@
 import { useState } from "react";
+import RestaurantButton from "../RestaurantButton/RestaurantButton";
 
 function Restaurant() {
   const [pizzas, setPizzas] = useState(0);
 
   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}{" "}
-        </li>
+        <li className="restaurant__item">Pizzas: {pizzas} </li>
       </ul>
+      <RestaurantButton OrderOne={OrderOne} />
     </section>
   );
 }