fixed the naming scheme and made the AddNewItemForm more smarter

1 files changed, 10 insertions, 2 deletions

diff --git a/src/components/BillingPage.js b/src/components/BillingPage.js
index 6e76cf0..066b30b 100644
--- a/src/components/BillingPage.js
+++ b/src/components/BillingPage.js
@@ -1,5 +1,5 @@
 import React from "react";
-import BillingForm from "./Form/Form.js";
+import AddNewItemForm from "./Form/AddNewItemForm.js";
 
 
 const sampleData = [
@@ -13,13 +13,21 @@ const sampleData = [
     "Description": "Even better chair",
     "Price": "2134983",
     "Discount": ""
+  }, {
+    "Model": "Action Houseware",
+    "Description": "Not a chair",
+    "Price": "69",
+    "Discount": ""
   }
 ];
 
 const BillingPage = () => {
   return (
     <>
-      <BillingForm savedItems={sampleData} />
+      <AddNewItemForm savedItems={sampleData} />
+      <AddNewItemForm savedItems={sampleData} />
+      <AddNewItemForm savedItems={sampleData} />
+      <AddNewItemForm savedItems={sampleData} />
     </>
   );
 }