From 42813be6a673df8408f114020aa05a1c5f57a1e0 Mon Sep 17 00:00:00 2001
From: oscar <oscarzhou0727@icloud.com>
Date: Sat, 18 Mar 2023 13:06:20 +1300
Subject: [PATCH] add cart context and provider

---
 src/App.js                |  5 +++--
 src/store/CartProvider.js | 21 +++++++++++++++++++++
 src/store/cart-context.js | 10 ++++++++++
 3 files changed, 34 insertions(+), 2 deletions(-)
 create mode 100644 src/store/CartProvider.js
 create mode 100644 src/store/cart-context.js

diff --git a/src/App.js b/src/App.js
index 213720b..f373424 100644
--- a/src/App.js
+++ b/src/App.js
@@ -3,6 +3,7 @@ import React, { useState } from "react";
 import Header from "./components/Layout/Header";
 import Meals from "./components/Meals/Meals";
 import Cart from "./components/Cart/Cart";
+import CartProvider from "./store/CartProvider";
 
 const App = () => {
   const [cartIsShown, setCartIsShown] = useState(false);
@@ -16,7 +17,7 @@ const App = () => {
   };
 
   return (
-    <>
+    <CartProvider>
       {cartIsShown && (
         <Cart onShowCart={showCartHandler} onHideCart={hideCartHandler} />
       )}
@@ -24,7 +25,7 @@ const App = () => {
       <main>
         <Meals />
       </main>
-    </>
+    </CartProvider>
   );
 };
 
diff --git a/src/store/CartProvider.js b/src/store/CartProvider.js
new file mode 100644
index 0000000..09af01b
--- /dev/null
+++ b/src/store/CartProvider.js
@@ -0,0 +1,21 @@
+import CartContext from "./cart-context";
+
+const CartProvider = (props) => {
+  const addItemToCartHandler = (item) => {};
+  const removeItemFromCartHandler = (id) => {};
+
+  const cartContext = {
+    items: [],
+    totalAmount: 0,
+    addItem: addItemToCartHandler,
+    removeItem: removeItemFromCartHandler,
+  };
+
+  return (
+    <CartContext.Provider value={cartContext}>
+      {props.children}
+    </CartContext.Provider>
+  );
+};
+
+export default CartProvider;
diff --git a/src/store/cart-context.js b/src/store/cart-context.js
new file mode 100644
index 0000000..56b42b3
--- /dev/null
+++ b/src/store/cart-context.js
@@ -0,0 +1,10 @@
+import React from "react";
+
+const CartContext = React.createContext({
+  items: [],
+  totalAmount: 0,
+  addItem: (item) => {},
+  removeItem: (id) => {},
+});
+
+export default CartContext;