diff --git a/app/components/itemDialog/tag.tsx b/app/components/itemDialog/tag.tsx index 9da8187..2eaa7a3 100644 --- a/app/components/itemDialog/tag.tsx +++ b/app/components/itemDialog/tag.tsx @@ -1,11 +1,11 @@ export default function Tag({tag, name}:{tag: number|undefined, name: string}){ let classColor = "report-tag-count-good"; if (tag){ - if (tag <= 10){ + if (tag < 2){ classColor = "report-tag-count-good"; - } else if (tag > 10 && tag <= 25) { + } else if (tag >= 2 && tag <= 4) { classColor = "report-tag-count-ok"; - } else if (tag > 25 && tag <= 50) { + } else if (tag > 4 && tag <= 10) { classColor = "report-tag-count-bad"; } else { classColor = "report-tag-count-very-bad"; diff --git a/app/components/itemList.tsx b/app/components/itemList.tsx index 895876b..d9d589d 100644 --- a/app/components/itemList.tsx +++ b/app/components/itemList.tsx @@ -17,7 +17,29 @@ export default function ItemList({ isFetching, blacklistItems, showDialog }: { i
{blacklistItems.map((item) => { - return + let summary = item.afk + item.cheater + item.griefer + item.cheater + item.useless + item.smurf; + let color = 'rgb(255 255 255 / 17%)'; + if (summary < 2){ + color = 'rgba(48,255,0,0.1)'; + } else if (summary >= 2 && summary <= 4) { + color = 'rgba(255,235,0,0.1)'; + } else if (summary > 4 && summary <= 10) { + color = 'rgba(255,136,0,0.1)'; + } else { + color = 'rgba(255,0,0,0.1)'; + } + return })}