added a way to see the total cost and number of items in ItemsDisplay

1 files changed, 13 insertions, 5 deletions

diff --git a/src/components/BillingPage.js b/src/components/BillingPage.js
index bb1330f..698f095 100644
--- a/src/components/BillingPage.js
+++ b/src/components/BillingPage.js
@@ -1,27 +1,36 @@
 import React, { useState } from "react";
 import AddNewItemForm from "./Form/AddNewItemForm";
 import ItemsDisplay from "./Display/ItemsDisplay";
+// import SummaryDisplay from "./Display/SummaryDisplay";
 
 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
+  }, {
+    "Model": "Coirfit Mattress",
+    "Description": "Not a chair (neither houseware)",
+    "Price": 19,
+  }, {
+    "Model": "AVRO Chair",
+    "Description": "Formerly AVON lol",
+    "Price": 291,
+  }, {
+    "Model": "Mystery Item",
+    "Description": "hehe heheheheheh",
+    "Price": 1212312,
   }
 ];
 
-
 const BillingPage = () => {
   // to be handled by backend
   const defGSTValue = 18;
@@ -36,7 +45,6 @@ const BillingPage = () => {
   return (
     <div>
       <AddNewItemForm savedItems={sampleData} addItem={getItems} defGSTValue={defGSTValue}/>
-
       <ItemsDisplay items={items}/>
     </div>
   );