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(
@@ -165,7 +164,7 @@ export default function ItemTable({ data }) {
{row.cells.map(cell => (
{cell.render("Cell")}