Merge pull request #41 from areebsattar/OrderType

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

Author: Sabella-8

src/components/App/App.jsx

@@ -16,7 +16,6 @@ const App = () => (
     <Bookings />
     <Restaurant />
     <Deck />
-
     <Footer
       details={[
         "123 Fake Street, London, E1 4UD",

src/components/AppHeader/AppHeader.jsx

@@ -1,4 +1,4 @@
-import Logo from "@/assets/spa-logo.png";
+import Logo from "@/assets/hotel-logo.png";
 import "./AppHeader.scss";
 const AppHeader = () => <img className="LogoImg" src={Logo}></img>;
 export default AppHeader;

src/components/Order/Order.jsx

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

src/components/Restaurant/Restaurant.jsx

@@ -5,7 +5,9 @@ function Restaurant() {
     <section className="restaurant">
       <h3 className="restaurant__heading">Restaurant Orders</h3>
       <ul className="restaurant__list">
-        <Order />
+        <Order orderType={"Pizzas"} />
+        <Order orderType={"Salads"} />
+        <Order orderType={"Chocolate Cake"} />
       </ul>
     </section>
   );

src/components/RestaurantButton/RestaurantButton.jsx

@@ -3,7 +3,7 @@ function RestaurantButton({ OrderOne }) {
   return (
     <>
       <button type="button" className="button restaurant__button" onClick={OrderOne}>
-        Add Pizzas
+        Add
       </button>
     </>
   );

src/components/SearchResult/SearchResult.jsx

@@ -18,7 +18,6 @@ function SearchResult() {
             "day"
           );
           return (
-            <>
               <TableBody
                 key={book.id}
                 id={book.id}
@@ -31,12 +30,11 @@ function SearchResult() {
                 checkOutDate={book.checkOutDate}
                 stayNights={stayNightsTotal}
               />
-            </>
           );
         })}
       </tbody>
     </table>
   );
 }
 export default SearchResult;
-console.log(SearchResult());
+