diff options
| -rw-r--r-- | src/components/Display/ItemsDisplay.tsx (renamed from src/components/Display/ItemsDisplay.js) | 21 | ||||
| -rw-r--r-- | src/index.tsx (renamed from src/index.js) | 10 |
2 files changed, 21 insertions, 10 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> diff --git a/src/index.js b/src/index.tsx index 0d1a5dc..682b794 100644 --- a/src/index.js +++ b/src/index.tsx @@ -7,8 +7,14 @@ */ // import React from 'react'; -import ReactDOM from 'react-dom'; +import React from "react"; +import ReactDOM from "react-dom"; import "./styles/global.scss" import App from "./components/App"; -ReactDOM.render(App(), document.getElementById("root")) +ReactDOM.render( + <React.StrictMode> + <App /> + </React.StrictMode>, + document.getElementById("root") +) |