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")}