now data is properly being passed from AddNewItemForm to ItemsDisplay which properly renders it

1 files changed, 14 insertions, 7 deletions

diff --git a/src/components/Display/ItemsDisplay.js b/src/components/Display/ItemsDisplay.js
index 9507e5b..766d16f 100644
--- a/src/components/Display/ItemsDisplay.js
+++ b/src/components/Display/ItemsDisplay.js
@@ -7,13 +7,20 @@ const ItemsDisplay = (props) => {
   return (
     <div className={"ItemsDisplay"}>
       <ol>
-        {
-          items.map(
-            (item) => {
-              return <li key={item}>{item}</li>
-            }
-          )
-        }
+        {items.map( (item) => {
+          return (
+            <li>
+              <ul>
+                <li key={item.Model}>{item.Model}</li>
+                <li key={item.Description}>{item.Description}</li>
+                <li key={item.Quantity}>{item.Quantity}</li>
+                <li key={item.Price}>{item.Price}</li>
+                <li key={item.Discount}>{item.Discount}</li>
+                <li key={item.GST}>{item.GST}</li>
+              </ul>
+            </li>
+          );
+        })}
       </ol>
     </div>
   );