Removed uncesscary function and variables. Changed name of the state …

…variable to make more specific and clear.
ECN · Nov 25, 2020 · a6d8132 · a6d8132
1 parent 6e6492b
commit a6d8132
Showing 1 changed file with 12 additions and 13 deletions.
diff --git 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")}