color coded ItemsDisplay

1 files changed, 3 insertions, 3 deletions

diff --git a/src/components/Display/DisplayItem.js b/src/components/Display/DisplayItem.js
index 768be2f..849bfc5 100644
--- a/src/components/Display/DisplayItem.js
+++ b/src/components/Display/DisplayItem.js
@@ -9,11 +9,11 @@ const DisplayItem = (props) => {
     <tr>
       <td>{itemNumber}</td>
       <td className={"leftAlign"}>{item.Model}</td>
-      <td className={"leftAlign"}>{item.Description}</td>
+      <td className={item.Description === "" ? "leftAlign disabledBorder" : "leftAlign"}>{item.Description}</td>
       <td>{item.Quantity}</td>
+      <td className={item.Discount === 0 ? "disabledBorder" : ""}>{item.Discount}</td>
+      <td className={item.GST === props.defGSTValue ? "" : "warningBorder"}>{item.GST}</td>
       <td>{item.Price}</td>
-      <td>{item.Discount}</td>
-      <td>{item.GST}</td>
     </tr>
   );
 }