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

1 files changed, 9 insertions, 4 deletions

diff --git a/src/components/BillingPage.js b/src/components/BillingPage.js
index f4b2b11..ca51651 100644
--- a/src/components/BillingPage.js
+++ b/src/components/BillingPage.js
@@ -21,13 +21,18 @@ const sampleData = [
   }
 ];
 
+// called when AddNewItemForm is submitted
+let addedItems = [];
+const getAddedItems = (item) => {
+  addedItems.push(item);
+}
+
+const defGSTValue = 18;
+
 const BillingPage = () => {
   return (
     <>
-      <AddNewItemForm savedItems={sampleData} />
-      <AddNewItemForm savedItems={sampleData} />
-      <AddNewItemForm savedItems={sampleData} />
-      <AddNewItemForm savedItems={sampleData} />
+      <AddNewItemForm savedItems={sampleData} addItem={getAddedItems} defGSTValue={defGSTValue}/>
     </>
   );
 }