From f227adee3cff445288bdba66d369a451aa31b58e Mon Sep 17 00:00:00 2001
From: MikunoNaka <bokuwakanojogahoshii@yahoo.com>
Date: Fri, 16 Apr 2021 22:20:43 +0530
Subject: using useState to update array of items to be added in the invoice
 now

---
 src/components/BillingPage.js | 31 ++++++++++++++++++-------------
 1 file changed, 18 insertions(+), 13 deletions(-)

(limited to 'src/components/BillingPage.js')

diff --git a/src/components/BillingPage.js b/src/components/BillingPage.js
index ca51651..b06e876 100644
--- a/src/components/BillingPage.js
+++ b/src/components/BillingPage.js
@@ -1,6 +1,6 @@
-import React from "react";
-import AddNewItemForm from "./Form/AddNewItemForm.js";
-
+import React, { useState } from "react";
+import AddNewItemForm from "./Form/AddNewItemForm";
+import ItemsDisplay from "./Display/ItemsDisplay";
 
 const sampleData = [
   {
@@ -21,19 +21,24 @@ const sampleData = [
   }
 ];
 
-// called when AddNewItemForm is submitted
-let addedItems = [];
-const getAddedItems = (item) => {
-  addedItems.push(item);
-}
-
-const defGSTValue = 18;
 
 const BillingPage = () => {
+  const [items, setItems] = useState([]);
+  const defGSTValue = 18;
+
+  const getItems = (item) => {
+    setItems(
+        [...items, item]
+    );
+  }
+
+  console.log(items)
   return (
-    <>
-      <AddNewItemForm savedItems={sampleData} addItem={getAddedItems} defGSTValue={defGSTValue}/>
-    </>
+    <div>
+      <AddNewItemForm savedItems={sampleData} addItem={getItems} defGSTValue={defGSTValue}/>
+
+      <ItemsDisplay/>
+    </div>
   );
 }
 
-- 
cgit v1.2.3