From 602a391102d7fc47035467eef9c8dfcfb3fc5bc2 Mon Sep 17 00:00:00 2001
From: dhaverd <jedi55@mail.ru>
Date: Tue, 14 Jul 2026 10:56:01 +0800
Subject: [PATCH] =?UTF-8?q?feature:=20=D0=B4=D0=BE=D0=B1=D0=B0=D0=B2=D0=B8?=
 =?UTF-8?q?=D0=BB=20=D1=86=D0=B2=D0=B5=D1=82=D0=B0=20=D0=BF=D1=80=D0=B8=20?=
 =?UTF-8?q?=D0=BD=D0=B0=D0=B2=D0=B5=D0=B4=D0=B5=D0=BD=D0=B8=D0=B8=20=D0=BD?=
 =?UTF-8?q?=D0=B0=20=D1=8D=D0=BB=D0=B5=D0=BC=D0=B5=D0=BD=D1=82=20=D1=81?=
 =?UTF-8?q?=D0=BF=D0=B8=D1=81=D0=BA=D0=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/components/itemDialog/tag.tsx |  6 +++---
 app/components/itemList.tsx       | 24 +++++++++++++++++++++++-
 2 files changed, 26 insertions(+), 4 deletions(-)

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
                 <div className="list-container">
                     <div className="item-list">
                         {blacklistItems.map((item) => {
-                            return <Button onClick={() => showDialog(item)} variant="text">{width < 570 ? trimLink(item.link) : item.link} | {item.nicknames[item.nicknames.length - 1]}</Button>
+                            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 <Button
+                                onClick={() => showDialog(item)}
+                                variant="text"
+                                sx={{
+                                    margin: '3px 5px',
+                                    '&:hover': {
+                                        backgroundColor: color
+                                    }
+                                }}
+                            >
+                                {width < 570 ? trimLink(item.link) : item.link} | {item.nicknames[item.nicknames.length - 1]}
+                            </Button>
                         })}
                     </div>
                 </div>