Merge pull request #40 from areebsattar/FeatureOrder

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

Author: Sabella-8

src/components/Order/Order.jsx

@@ -0,0 +1,18 @@
+import { useState } from "react";
+import RestaurantButton from "../RestaurantButton/RestaurantButton";
+
+function Order() {
+  const [pizzas, setPizzas] = useState(0);
+
+  const OrderOne = () => {
+    setPizzas(pizzas + 1);
+  };
+  return (
+    <>
+      <li className="restaurant__item">Pizzas: {pizzas} </li>
+      <RestaurantButton OrderOne={OrderOne} />
+    </>
+  );
+}
+
+export default Order

src/components/Order/Order.scss

@@ -1,20 +1,12 @@
-import { useState } from "react";
-import RestaurantButton from "../RestaurantButton/RestaurantButton";
+import Order from "../Order/Order";
 
 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>
+        <Order />
       </ul>
-      <RestaurantButton OrderOne={OrderOne} />
     </section>
   );
 }