implemented a way for AddNewItemForm and BillingPage to talk to each other and share data

1 files changed, 39 insertions, 0 deletions

diff --git a/src/components/BillingPage.js~ b/src/components/BillingPage.js~
new file mode 100644
index 0000000..6f5b18b
--- /dev/null
+++ b/src/components/BillingPage.js~
@@ -0,0 +1,39 @@
+import React from "react";
+import AddNewItemForm from "./Form/AddNewItemForm.js";
+
+
+const sampleData = [
+  {
+    "Model": "Kisan Chair",
+    "Description": "Very good chair",
+    "Price": 10000,
+    "Discount": 0
+  }, {
+    "Model": "Supreme Chair",
+    "Description": "Even better chair",
+    "Price": "2134983",
+    "Discount": 0
+  }, {
+    "Model": "Action Houseware",
+    "Description": "Not a chair",
+    "Price": 69,
+    "Discount": 0
+  }
+];
+
+let addedItems = [];
+const getAddedItems = (item) => {
+  console.log(item);
+  addedItems.push(item);
+  console.log(addedItems);
+}
+
+const BillingPage = () => {
+  return (
+    <>
+      <AddNewItemForm savedItems={sampleData} addItem={getAddedItems} defGSTValue={18}/>
+    </>
+  );
+}
+
+export default BillingPage;