From 01cd0e90033f8ea6e6ecb4f1402c4882112ba83e Mon Sep 17 00:00:00 2001
From: poignatov <poignatov@avito.ru>
Date: Wed, 18 Mar 2026 16:24:32 +0300
Subject: [PATCH] =?UTF-8?q?6.19.6:=20=D0=9A=D0=B5=D1=88-first=20=D0=B8=20?=
 =?UTF-8?q?=D0=BE=D1=82=D0=BC=D0=B5=D0=BD=D0=B0=20=D0=B7=D0=B0=D0=BF=D1=80?=
 =?UTF-8?q?=D0=BE=D1=81=D0=BE=D0=B2=20=D0=BF=D1=80=D0=B8=20=D1=81=D0=BC?=
 =?UTF-8?q?=D0=B5=D0=BD=D0=B5=20=D0=B4=D0=BE=D1=81=D0=BA=D0=B8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 VERSION                                       |  2 +-
 play-life-web/package.json                    |  2 +-
 play-life-web/src/components/ShoppingList.jsx | 64 +++++++++++++------
 3 files changed, 46 insertions(+), 22 deletions(-)

diff --git a/VERSION b/VERSION
index 0a61a6d..902f6a6 100644
--- a/VERSION
+++ b/VERSION
@@ -1 +1 @@
-6.19.5
+6.19.6
diff --git a/play-life-web/package.json b/play-life-web/package.json
index 0c88624..a9290fd 100644
--- a/play-life-web/package.json
+++ b/play-life-web/package.json
@@ -1,6 +1,6 @@
 {
   "name": "play-life-web",
-  "version": "6.19.5",
+  "version": "6.19.6",
   "type": "module",
   "scripts": {
     "dev": "vite",
diff --git a/play-life-web/src/components/ShoppingList.jsx b/play-life-web/src/components/ShoppingList.jsx
index aca2797..1662264 100644
--- a/play-life-web/src/components/ShoppingList.jsx
+++ b/play-life-web/src/components/ShoppingList.jsx
@@ -131,9 +131,9 @@ function ShoppingList({ onNavigate, refreshTrigger = 0, isActive = false, initia
   const [postponeDate, setPostponeDate] = useState('')
   const [isPostponing, setIsPostponing] = useState(false)
   const [toast, setToast] = useState(null)
-  const fetchingRef = useRef(false)
   const initialFetchDoneRef = useRef(false)
   const prevIsActiveRef = useRef(isActive)
+  const itemsAbortRef = useRef(null)
 
   // Refs для закрытия диалогов кнопкой "Назад"
   const historyPushedForDetailRef = useRef(false)
@@ -185,16 +185,40 @@ function ShoppingList({ onNavigate, refreshTrigger = 0, isActive = false, initia
   }
 
   // Загрузка товаров
-  const fetchItems = async (boardId) => {
-    if (!boardId || fetchingRef.current) return
-    fetchingRef.current = true
-    setLoading(true)
+  const fetchItems = async (boardId, { background = false } = {}) => {
+    if (!boardId) return
+
+    // Отменяем предыдущий запрос если есть
+    if (itemsAbortRef.current) {
+      itemsAbortRef.current.abort()
+    }
+    const abortController = new AbortController()
+    itemsAbortRef.current = abortController
+
+    if (!background) {
+      // Показываем loading только если нет кеша
+      try {
+        const cached = localStorage.getItem(`${ITEMS_CACHE_KEY}_${boardId}`)
+        if (cached) {
+          setItems(JSON.parse(cached) || [])
+          setLoading(false)
+        } else {
+          setLoading(true)
+        }
+      } catch (err) {
+        setLoading(true)
+      }
+    }
     setError('')
 
     try {
-      const res = await authFetch(`/api/shopping/boards/${boardId}/items`)
+      const res = await authFetch(`/api/shopping/boards/${boardId}/items`, {
+        signal: abortController.signal
+      })
+      if (abortController.signal.aborted) return
       if (res.ok) {
         const data = await res.json()
+        if (abortController.signal.aborted) return
         setItems(Array.isArray(data) ? data : [])
         try {
           localStorage.setItem(`${ITEMS_CACHE_KEY}_${boardId}`, JSON.stringify(data))
@@ -203,14 +227,16 @@ function ShoppingList({ onNavigate, refreshTrigger = 0, isActive = false, initia
         setError('Ошибка загрузки товаров')
       }
     } catch (err) {
+      if (err.name === 'AbortError') return
       setError('Ошибка загрузки товаров')
     } finally {
-      setLoading(false)
-      fetchingRef.current = false
+      if (!abortController.signal.aborted) {
+        setLoading(false)
+      }
     }
   }
 
-  // Загрузка из кэша
+  // Загрузка досок из кэша
   useEffect(() => {
     try {
       const cached = localStorage.getItem(BOARDS_CACHE_KEY)
@@ -219,15 +245,6 @@ function ShoppingList({ onNavigate, refreshTrigger = 0, isActive = false, initia
         if (data.boards) setBoards(data.boards)
       }
     } catch (err) {}
-
-    if (selectedBoardId) {
-      try {
-        const cached = localStorage.getItem(`${ITEMS_CACHE_KEY}_${selectedBoardId}`)
-        if (cached) {
-          setItems(JSON.parse(cached) || [])
-        }
-      } catch (err) {}
-    }
   }, [])
 
   // Начальная загрузка
@@ -245,13 +262,20 @@ function ShoppingList({ onNavigate, refreshTrigger = 0, isActive = false, initia
       setItems([])
       setLoading(false)
     }
+
+    // Отменяем запрос при размонтировании или смене доски
+    return () => {
+      if (itemsAbortRef.current) {
+        itemsAbortRef.current.abort()
+      }
+    }
   }, [selectedBoardId])
 
   // Рефреш при возврате на таб
   useEffect(() => {
     if (isActive && !prevIsActiveRef.current && initialFetchDoneRef.current) {
       fetchBoards(false)
-      if (selectedBoardId) fetchItems(selectedBoardId)
+      if (selectedBoardId) fetchItems(selectedBoardId, { background: true })
     }
     prevIsActiveRef.current = isActive
   }, [isActive])
@@ -260,7 +284,7 @@ function ShoppingList({ onNavigate, refreshTrigger = 0, isActive = false, initia
   useEffect(() => {
     if (refreshTrigger > 0) {
       fetchBoards(false)
-      if (selectedBoardId) fetchItems(selectedBoardId)
+      if (selectedBoardId) fetchItems(selectedBoardId, { background: true })
     }
   }, [refreshTrigger])