From 23babed196e0b1582c71b8cf24e9f84ebf61ccd3 Mon Sep 17 00:00:00 2001
From: Dhaverd <jedi55@mail.ru>
Date: Tue, 30 Jun 2026 17:36:34 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=D1=83=D0=B1=D1=80=D0=B0=D0=BB=20=D0=BB?=
 =?UTF-8?q?=D0=B8=D1=88=D0=BD=D0=B8=D0=B5=20=D0=B7=D0=B0=D0=BF=D1=80=D0=BE?=
 =?UTF-8?q?=D1=81=D1=8B=20=D0=BD=D0=B0=20=D0=B1=D1=8D=D0=BA,=20=D1=81?=
 =?UTF-8?q?=D0=BF=D0=B8=D1=81=D0=BE=D0=BA=20=D0=BC=D0=BE=D0=B6=D0=BD=D0=BE?=
 =?UTF-8?q?=20=D0=BE=D0=B1=D0=BD=D0=BE=D0=B2=D0=BB=D1=8F=D1=82=D1=8C=20?=
 =?UTF-8?q?=D0=B2=D1=80=D1=83=D1=87=D0=BD=D1=83=D1=8E?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/assets/styles/home.css |  1 +
 app/routes/home.tsx        | 47 ++++++++++++++++++++++++++++++++++++--
 2 files changed, 46 insertions(+), 2 deletions(-)

diff --git a/app/assets/styles/home.css b/app/assets/styles/home.css
index 96a6473..bb727a1 100644
--- a/app/assets/styles/home.css
+++ b/app/assets/styles/home.css
@@ -1,4 +1,5 @@
 .search-container {
+    display: flex;
     width: 100%;
     padding-right: 10px;
     padding-left: 10px;
diff --git a/app/routes/home.tsx b/app/routes/home.tsx
index 5e5d20b..94f574b 100644
--- a/app/routes/home.tsx
+++ b/app/routes/home.tsx
@@ -1,7 +1,7 @@
 import {useEffect, useState} from "react";
 import '../assets/styles/home.css';
 import {
-    Box,
+    Box, Button,
     Divider, Fab,
     TextField,
     ThemeProvider, Typography,
@@ -15,17 +15,20 @@ import ItemList from "~/components/itemList";
 import ItemDialog from "~/components/itemDialog";
 import OutlinedFlagIcon from '@mui/icons-material/OutlinedFlag';
 import ReportDialog from "~/components/reportDialog";
+import LoopIcon from '@mui/icons-material/Loop';
 
 export default function Home() {
     const outerTheme = useTheme();
 
     const [searchText, setSearchText] = useState('');
     const [isFetchingList, setIsFetchingList] = useState(false);
+    const [totalBlacklistItems, setTotalBlacklistItems] = useState<BlacklistItem[]>([]);
     const [blacklistItems, setBlacklistItems] = useState<BlacklistItem[]>([]);
     const [showDialog, setShowDialog] = useState(false);
     const [currentDialogBlacklistItem, setCurrentDialogBlacklistItem] = useState<BlacklistItem|null>(null);
     const [fabIsHovered, setFabIsHovered] = useState(false);
     const [showReportDialog, setReportShowDialog] = useState(false);
+    const [triggerUpdate, setTriggerUpdate] = useState(0);
 
     useEffect(() => {
         let isIgnore = false;
@@ -34,6 +37,7 @@ export default function Home() {
             if (!isIgnore) {
                 if (res instanceof Array){
                     setBlacklistItems(res);
+                    setTotalBlacklistItems(res);
                 } else if (res instanceof ResponseError) {
                     // TODO error handler
                     console.log(res);
@@ -44,7 +48,19 @@ export default function Home() {
         return () => {
             isIgnore = true; // При следующем изменении someValue старый запрос будет проигнорирован
         };
-    }, [searchText, showReportDialog]);
+    }, [triggerUpdate, showReportDialog]);
+
+    useEffect(() => {
+        if (searchText !== ""){
+            setIsFetchingList(true);
+            let result = search(searchText);
+            console.log(result);
+            setBlacklistItems(result);
+            setIsFetchingList(false);
+        } else {
+            setBlacklistItems(totalBlacklistItems);
+        }
+    }, [searchText]);
 
     function handleSearch(text: string) {
         setSearchText(text);
@@ -67,6 +83,24 @@ export default function Home() {
         setReportShowDialog(false);
     };
 
+    const sync = () => {
+        setSearchText('');
+        setTriggerUpdate(triggerUpdate + 1)
+    };
+
+    const search = (searchString: string) => {
+        searchString = searchString.toLowerCase();
+        return totalBlacklistItems.filter((item) => {
+            return item.link.toLowerCase().includes(searchString)
+            || item.nicknames.some((nickname) => {
+                return nickname.toLowerCase().includes(searchString)
+            })
+            || item.comments.some((comment) => {
+                return comment.toLowerCase().includes(searchString)
+            });
+        });
+    };
+
     return (
         <ThemeProvider theme={customTheme(outerTheme)}>
             <div className="bg-dark">
@@ -79,6 +113,15 @@ export default function Home() {
                         onChange={(e) => handleSearch(e.target.value)}
                         fullWidth
                     />
+                    <Button
+                        variant="outlined"
+                        sx={{ marginLeft: '10px' }}
+                        onClick={() => {
+                            sync();
+                        }}
+                    >
+                        <LoopIcon/>
+                    </Button>
                 </div>
                 <div style={{justifyItems: 'center'}}>
                     <Divider sx={{marginTop: '10px', marginBottom: '10px'}}/>