ported and changed order in ItemsDisplay

1 files changed, 13 insertions, 8 deletions

diff --git a/src/components/Display/ItemsDisplay.js b/src/components/Display/ItemsDisplay.tsx
index f0882af..db3d336 100644
--- a/src/components/Display/ItemsDisplay.js
+++ b/src/components/Display/ItemsDisplay.tsx
@@ -7,17 +7,21 @@
 */
 
 import React from "react";
+import { Item } from "./../../interfaces";
 import "./Display.scss";
 import DisplayItem from "./DisplayItem";
 // import {SummaryDisplayTR} from "./SummaryDisplay";
 
-const ItemsDisplay = (props) => {
+interface Props {
+  items: Item[]
+  defGSTValue: number
+}
+
+const ItemsDisplay: React.FC<Props> = (props) => {
   const items = props.items;
   // TODO: remove mutability
   let itemNumber = 0;
 
-  // TODO: Add HSN Support
-
   return (
     <table className={"ItemsDisplay"}>
       <tbody>
@@ -25,12 +29,13 @@ const ItemsDisplay = (props) => {
           <th>S. Num</th>
           <th className={"leftAlign"}>Item</th>
           <th className={"leftAlign"}>Description</th>
-          <th>Quantity(NOS)</th>
-          <th>Discount(%)</th>
-          <th>sgst(%)</th>
-          <th>cgst(%)</th>
-          <th>igst(%)</th>
           <th>HSN</th>
+          <th>Quantity</th>
+          <th>Unit Price</th>
+          <th>Discount</th>
+          <th>sgst</th>
+          <th>cgst</th>
+          <th>igst</th>
           <th>Price</th>
         </tr>