From 4df6eaa913737427ddec2561c0ee8c9235f0c95f Mon Sep 17 00:00:00 2001
From: MikunoNaka <bokuwakanojogahoshii@yahoo.com>
Date: Mon, 3 May 2021 22:08:22 +0530
Subject: fixed warnings occouring due to abscence of <tbody>

---
 src/components/Display/ItemsDisplay.js   | 40 +++++++++++++-------------
 src/components/Display/SummaryDisplay.js | 48 +++++++++++++++++---------------
 2 files changed, 46 insertions(+), 42 deletions(-)

diff --git a/src/components/Display/ItemsDisplay.js b/src/components/Display/ItemsDisplay.js
index 0a349f2..7afc341 100644
--- a/src/components/Display/ItemsDisplay.js
+++ b/src/components/Display/ItemsDisplay.js
@@ -19,27 +19,29 @@ const ItemsDisplay = (props) => {
 
   return (
     <table className={"ItemsDisplay"}>
-      <tr className="legend">
-        <th>S. Num</th>
-        <th className={"leftAlign"}>Item</th>
-        <th className={"leftAlign"}>Description</th>
-        <th>Quantity(NOS)</th>
-        <th>Discount(%)</th>
-        <th>GST(%)</th>
-        <th>HSN</th>
-        <th>Price</th>
-      </tr>
+      <tbody>
+        <tr className="legend">
+          <th>S. Num</th>
+          <th className={"leftAlign"}>Item</th>
+          <th className={"leftAlign"}>Description</th>
+          <th>Quantity(NOS)</th>
+          <th>Discount(%)</th>
+          <th>GST(%)</th>
+          <th>HSN</th>
+          <th>Price</th>
+        </tr>
 
-      {items.map( 
-        (item) => {
-          itemNumber++
-          return (
-            <DisplayItem itemNumber={itemNumber} item={item} defGSTValue={props.defGSTValue}/>
-          );
-        }
-      )}
+        {items.map( 
+          (item) => {
+            itemNumber++
+            return (
+              <DisplayItem itemNumber={itemNumber} item={item} defGSTValue={props.defGSTValue}/>
+            );
+          }
+        )}
 
-      <SummaryDisplayTR items={props.items}/>
+        <SummaryDisplayTR items={props.items}/>
+      </tbody>
     </table>
   );
 }
diff --git a/src/components/Display/SummaryDisplay.js b/src/components/Display/SummaryDisplay.js
index a44e036..2f65e79 100644
--- a/src/components/Display/SummaryDisplay.js
+++ b/src/components/Display/SummaryDisplay.js
@@ -79,36 +79,38 @@ const SummaryDisplay = (props) => {
     <div className={"SummaryDisplay"}>
       <h1>Summary</h1>
       <table>
-        <tr>
-          <td>Base Total</td>
-          <td>{summary.TotalRawPrice}</td>
-        </tr>
-
-        {summary.TotalDiscountPrice !== 0.00 &&
+        <tbody>
           <tr>
-            <td>After Discount</td>
-            <td>{summary.TotalPriceAfterDiscount}</td>
-            <td>(-{summary.TotalDiscountPrice})</td>
+            <td>Base Total</td>
+            <td>{summary.TotalRawPrice}</td>
           </tr>
-        }
 
-        <tr>
-          <td>After Tax</td>
-          <td>{summary.TotalPriceAfterTax}</td>
-          <td>(+{summary.TotalTaxAmount})</td>
-        </tr>
+          {summary.TotalDiscountPrice !== 0.00 &&
+            <tr>
+              <td>After Discount</td>
+              <td>{summary.TotalPriceAfterDiscount}</td>
+              <td>(-{summary.TotalDiscountPrice})</td>
+            </tr>
+          }
 
-        {summary.RoundedOff !== 0.00 &&
           <tr>
-            <td>Rounded Off</td>
-            <td>{summary.RoundedOff}</td>
+            <td>After Tax</td>
+            <td>{summary.TotalPriceAfterTax}</td>
+            <td>(+{summary.TotalTaxAmount})</td>
           </tr>
-        }
 
-        <tr className={"grandTotal"}>
-          <td>Grand Total</td> 
-          <td>{summary.TotalPrice}</td>
-        </tr>
+          {summary.RoundedOff !== 0.00 &&
+            <tr>
+              <td>Rounded Off</td>
+              <td>{summary.RoundedOff}</td>
+            </tr>
+          }
+
+          <tr className={"grandTotal"}>
+            <td>Grand Total</td> 
+            <td>{summary.TotalPrice}</td>
+          </tr>
+        </tbody>
       </table>
     </div>
   );
-- 
cgit v1.2.3