4.20.4: Фоновая загрузка данных прогресса недель

VERSION

@@ -1 +1 @@
-4.20.3
+4.20.4

play-life-web/package.json

@@ -1,6 +1,6 @@
 {
   "name": "play-life-web",
-  "version": "4.20.3",
+  "version": "4.20.4",
   "type": "module",
   "scripts": {
     "dev": "vite",

play-life-web/src/App.jsx

@@ -514,17 +514,32 @@ function AppContent() {
       // Если нет кеша и это не первая загрузка - ничего не делаем (данные уже загружаются)
     } else if (tab === 'full') {
       const hasCache = cacheRef.current.full !== null
+      const hasCurrentWeekCache = cacheRef.current.current !== null
       const isInitialized = tabsInitializedRef.current.full
       
       if (!isInitialized) {
-        // Первая загрузка таба - загружаем с индикатором
+        // Первая загрузка таба
+        if (hasCache) {
+          // Если есть кеш - используем фоновую загрузку, показываем старые данные
+          fetchFullStatisticsData(true)
+        } else {
+          // Если кеша нет - загружаем с индикатором
           fetchFullStatisticsData(false)
+        }
+        // Также запускаем фоновую загрузку currentWeekData, если его нет
+        if (!hasCurrentWeekCache) {
+          fetchCurrentWeekData(true)
+        }
         // todayEntries будет загружен в FullStatistics компоненте при выборе дня
         tabsInitializedRef.current.full = true
         setTabsInitialized(prev => ({ ...prev, full: true }))
       } else if (hasCache && isBackground) {
         // Возврат на таб с кешем - фоновая загрузка
         fetchFullStatisticsData(true)
+        // Также запускаем фоновую загрузку currentWeekData, если его нет
+        if (!hasCurrentWeekCache) {
+          fetchCurrentWeekData(true)
+        }
         // todayEntries будет загружен в FullStatistics компоненте при выборе дня
       }
     } else if (tab === 'priorities') {

play-life-web/src/components/FullStatistics.jsx

@@ -40,6 +40,7 @@ const dayNames = ['пн', 'вт', 'ср', 'чт', 'пт', 'сб', 'вс']
 function FullStatistics({ selectedProject, onClearSelection, data, loading, error, onRetry, currentWeekData, onNavigate, todayEntries, todayEntriesLoading, todayEntriesError, onRetryTodayEntries, fetchTodayEntries, activeTab }) {
   const [selectedDate, setSelectedDate] = useState(null)
   const prevActiveTabRef = React.useRef(activeTab)
+  const componentJustOpenedRef = React.useRef(false)
   
   // Получаем даты текущей недели
   const weekDates = getCurrentWeekDates()
@@ -67,7 +68,6 @@ function FullStatistics({ selectedProject, onClearSelection, data, loading, erro
     if (prevActiveTabRef.current === 'full' && activeTab !== 'full') {
       setSelectedDate(todayDateStr)
     }
-    prevActiveTabRef.current = activeTab
   }, [activeTab, todayDateStr])
   
   // Инициализируем выбранную дату текущим днем при первом рендере
@@ -85,21 +85,27 @@ function FullStatistics({ selectedProject, onClearSelection, data, loading, erro
     }
   }, [selectedDate, todayDateStr, pastDays])
   
-  // Отслеживаем открытие компонента и загружаем данные для selectedDate
+  // Отслеживаем открытие компонента
   useEffect(() => {
-    // Этот эффект срабатывает при каждом рендере, но мы проверяем, нужно ли загружать данные
+    // Когда компонент открывается (activeTab становится 'full'), помечаем это
-    if (selectedDate && fetchTodayEntries) {
+    if (activeTab === 'full' && prevActiveTabRef.current !== 'full') {
-      // Всегда загружаем данные для selectedDate при его изменении
+      componentJustOpenedRef.current = true
-      // Это гарантирует, что данные соответствуют выбранному чипсу
-      fetchTodayEntries(false, selectedProject, selectedDate)
     }
-  }, [selectedDate, selectedProject, fetchTodayEntries])
+    prevActiveTabRef.current = activeTab
+  }, [activeTab])
   
   // Загружаем данные при изменении selectedDate или selectedProject
   useEffect(() => {
     if (selectedDate && fetchTodayEntries) {
+      // Если компонент только что открылся - используем фоновую загрузку
+      if (componentJustOpenedRef.current) {
+        componentJustOpenedRef.current = false
+        fetchTodayEntries(true, selectedProject, selectedDate)
+      } else {
+        // При изменении даты или проекта - используем обычную загрузку (не фоновую)
         fetchTodayEntries(false, selectedProject, selectedDate)
       }
+    }
   }, [selectedDate, selectedProject, fetchTodayEntries])
   
   // Обработчик выбора дня
@@ -129,14 +135,14 @@ function FullStatistics({ selectedProject, onClearSelection, data, loading, erro
           ✕
         </button>
       )}
-      {loading && (!data || data.length === 0) ? (
+      {loading && (!data || data.length === 0) && (!todayEntries || (Array.isArray(todayEntries) && todayEntries.length === 0)) ? (
         <div className="fixed inset-0 flex justify-center items-center">
           <div className="flex flex-col items-center">
             <div className="w-12 h-12 border-4 border-indigo-200 border-t-indigo-600 rounded-full animate-spin mb-4"></div>
             <div className="text-gray-600 font-medium">Загрузка...</div>
           </div>
         </div>
-      ) : (!data || data.length === 0) ? (
+      ) : (!data || data.length === 0) && !todayEntries ? (
         <div className="flex justify-center items-center py-16">
           <div className="text-gray-500 text-lg">Нет данных для отображения</div>
         </div>