From a6d81321764222fea9a043b43e7e72ab95c61588 Mon Sep 17 00:00:00 2001
From: Tyler Jordan Wright <wrigh393@w2vm1.ecn.purdue.edu>
Date: Wed, 25 Nov 2020 12:59:14 -0500
Subject: [PATCH] Removed uncesscary function and variables. Changed name of
 the state variable to make more specific and clear.

---
 src/components/ItemTable/ItemTable.js | 25 ++++++++++++-------------
 1 file changed, 12 insertions(+), 13 deletions(-)

diff --git a/src/components/ItemTable/ItemTable.js b/src/components/ItemTable/ItemTable.js
index e4017d3..7812195 100644
--- a/src/components/ItemTable/ItemTable.js
+++ b/src/components/ItemTable/ItemTable.js
@@ -10,11 +10,9 @@ import { ArrowDownward, ArrowUpward } from "@material-ui/icons";
 export default function ItemTable({ data }) {
     const [selectedRow, setSelecetedRow] = useState({ queue: null, number: null });
     
-    const [background, setBackground] = useState("#ffffff");    
+    const [cellBackgroundColor, setCellBackgroundColor] = useState("#ffffff");    
     
-    const setStyle = (background) => {
-        setBackground(background);
-      };
+ 
    
     const LastUpdatedCell = ({ time }) => {
         const lastUpdated = new Date(time).getTime();
@@ -24,14 +22,15 @@ export default function ItemTable({ data }) {
         const week = 7 * day;
         const month = 4 * week;
     
-        setStyle("red");
-    
-        if (timeDelta > day && timeDelta < week && timeDelta < month) {
-            setStyle("yellow");
-        } else if (timeDelta > week && timeDelta < month) {
-            setStyle("purple");
-        } else if (timeDelta > month) {
-            setStyle("green");
+        if (timeDelta > day && timeDelta < week && timeDelta < month)//more than one day since last
+         {
+            setCellBackgroundColor("yellow");
+        } else if (timeDelta > week && timeDelta < month) // more than a week since last update
+        {
+            setCellBackgroundColor("purple");
+        } else if (timeDelta > month) //more than a month since last update
+        {
+            setCellBackgroundColor("green");
         }
         return(
                 <RelativeTime value={time} />
@@ -165,7 +164,7 @@ export default function ItemTable({ data }) {
                                 {row.cells.map(cell => (
                                     <TableCell classes={{ root: classes.columnBorders }} {...cell.getCellProps(
                                         {
-                                        style:{backgroundColor: cell.column.id==='lastUpdated' ? background : null}
+                                        style:{backgroundColor: cell.column.id==='lastUpdated' ? cellBackgroundColor : null}
                                         },
                                       )}>
                                         {cell.render("Cell")}