Унифицировать отображение загрузки на всех экранах

- Добавлен единый стиль загрузки с лоадером и текстом 'Загрузка...'
- Центрирование по вертикали с учетом наличия табов
- Обновлены все 10 экранов: CurrentWeek, TestConfigSelection, TaskList, FullStatistics, WordList, TaskForm, TestWords, TodoistIntegration, TelegramIntegration, ProjectPriorityManager
- Версия: 3.8.8

play-life-web/package.json

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

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

@@ -8,10 +8,10 @@ function CurrentWeek({ onProjectClick, data, loading, error, onRetry, allProject
   // Показываем loading только если данных нет и идет загрузка
   if (loading && (!data || projectsData.length === 0)) {
     return (
-      <div className="flex justify-center items-center py-16">
+      <div className="fixed inset-0 bottom-20 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 className="text-gray-600 font-medium">Загрузка...</div>
         </div>
       </div>
     )

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

@@ -119,10 +119,10 @@ function FullStatistics({ selectedProject, onClearSelection, data, loading, erro
   // Показываем loading только если данных нет и идет загрузка
   if (loading && !chartData) {
     return (
-      <div className="flex justify-center items-center py-16">
+      <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 className="text-gray-600 font-medium">Загрузка...</div>
         </div>
       </div>
     )

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

@@ -891,8 +891,11 @@ function ProjectPriorityManager({ allProjectsData, currentWeekData, shouldLoad,
       )}
 
       {projectsLoading && (!maxPriority.length && !mediumPriority.length && !lowPriority.length) ? (
-        <div className="rounded-lg border border-gray-200 bg-white p-4 text-center text-gray-600 shadow-sm flex-shrink-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>
       ) : (
         <DndContext

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

@@ -575,7 +575,12 @@ function TaskForm({ onNavigate, taskId }) {
   if (loadingTask) {
     return (
       <div className="task-form">
-        <div className="loading">Загрузка...</div>
+        <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>
       </div>
     )
   }

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

@@ -640,7 +640,12 @@ function TaskList({ onNavigate, data, loading, backgroundLoading, onRefresh }) {
   if (loading && !backgroundLoading && !hasData) {
     return (
       <div className="task-list">
-        <div className="loading">Загрузка...</div>
+        <div className="fixed inset-0 bottom-20 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>
       </div>
     )
   }

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

@@ -41,8 +41,11 @@ function TelegramIntegration({ onNavigate }) {
 
   if (loading) {
     return (
-      <div className="p-4 md:p-6">
-        <div className="text-gray-500">Загрузка...</div>
+      <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>
     )
   }

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

@@ -154,7 +154,12 @@ function TestConfigSelection({ onNavigate, refreshTrigger = 0 }) {
   if (shouldShowLoading) {
     return (
       <div className="config-selection">
-        <div className="loading">Загрузка...</div>
+        <div className="fixed inset-0 bottom-20 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>
       </div>
     )
   }

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

@@ -617,7 +617,12 @@ function TestWords({ onNavigate, wordCount: initialWordCount, configId: initialC
       ) : (
         <div className="test-screen">
           {loading && (
-            <div className="test-loading">Загрузка слов...</div>
+            <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>
           )}
           {error && (
             <div className="test-error">{error}</div>

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

@@ -121,7 +121,12 @@ function TodoistIntegration({ onNavigate }) {
       )}
 
       {loading ? (
-        <div className="text-gray-500">Загрузка...</div>
+        <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>
       ) : connected ? (
         <div>
           <div className="bg-white rounded-lg shadow-md p-6 mb-6">

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

@@ -163,7 +163,12 @@ function WordList({ onNavigate, dictionaryId, isNewDictionary, refreshTrigger =
   if (loading) {
     return (
       <div className="word-list">
-        <div className="loading">Загрузка...</div>
+        <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>
       </div>
     )
   }