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

1 files changed, 4 insertions, 30 deletions

diff --git a/src/components/Display/ItemsDisplay.js b/src/components/Display/ItemsDisplay.js
index 7026530..0545ef0 100644
--- a/src/components/Display/ItemsDisplay.js
+++ b/src/components/Display/ItemsDisplay.js
@@ -1,6 +1,7 @@
 import React from "react";
 import "./Display.css";
 import DisplayItem from "./DisplayItem";
+import SummaryDisplayTR from "./SummaryDisplay";
 
 const ItemsDisplay = (props) => {
   const items = props.items;
@@ -27,37 +28,10 @@ const ItemsDisplay = (props) => {
           );
         }
       )}
-    </table>
-  )
-
-
-  /*return (
-    <div className={"ItemsDisplay"}>
-      <div className={"legend"}>
-        <ul>
-          <li className={"num"}>S. Num.</li>
-          <li className={"text"}>Name</li>
-          <li className={"text"}>Description</li>
-          <li className={"num"}>Quantity</li>
-          <li className={"num"}>Price</li>
-          <li className={"num"}>Discount</li>
-          <li className={"num"}>GST</li>
-        </ul>
-      </div>
 
-      <div className={"items"}>
-        {items.map( 
-          (item) => {
-            itemNumber++
-            return (
-              <DisplayItem itemNumber={itemNumber} item={item}/>
-            );
-          }
-        )}
-      </div>
-
-    </div>
-  );*/
+      <SummaryDisplayTR items={props.items}/>
+    </table>
+  );
 }
 
 export default ItemsDisplay;