Добавлены новые компоненты для отображения статистики курсов, включая статистику посещаемости, активности студентов и уроков. Обновлены локализации для поддержки новых данных и улучшено взаимодействие с API для получения информации о курсах и уроках.

src/pages/course-list/course-list.tsx

@@ -1,4 +1,4 @@
-import React, { useState } from 'react'
+import React, { useState, useMemo, useEffect } from 'react'
 import {
   Box,
   Button,
@@ -15,7 +15,8 @@ import { api } from '../../__data__/api/api'
 import { isTeacher } from '../../utils/user'
 import { PageLoader } from '../../components/page-loader/page-loader'
 import { useGroupedCourses } from './hooks'
-import { CreateCourseForm, YearGroup } from './components'
+import { CreateCourseForm, YearGroup, CoursesOverview } from './components'
+import { Lesson } from '../../__data__/model'
 
 /**
  * Основной компонент списка курсов
@@ -27,11 +28,48 @@ export const CoursesList = () => {
   const { t } = useTranslation()
   const { colorMode } = useColorMode()
   
+  // Создаем API запросы для получения уроков
+  const [getLessons] = api.useLazyLessonListQuery()
+  
   const buttonSize = useBreakpointValue({ base: 'md', md: 'lg' })
   const containerPadding = useBreakpointValue({ base: '2', md: '4' })
 
   // Используем хук для группировки курсов по годам
   const groupedCourses = useGroupedCourses(data?.body)
+  
+  // Создаем объект с детализированными данными для всех курсов
+  const [lessonsByCourse, setLessonsByCourse] = useState<Record<string, Lesson[]>>({})
+  
+  // Используем useMemo для проверки наличия данных
+  const courses = useMemo(() => data?.body || [], [data])
+  
+  // Загружаем данные для каждого курса параллельно
+  useEffect(() => {
+    if (courses.length > 0 && !showForm) {
+      // Создаем запросы для получения данных о занятиях каждого курса
+      const fetchLessonsForCourses = async () => {
+        const lessonsData: Record<string, Lesson[]> = {}
+        
+        // Получаем данные курсов параллельно (по 3 курса за раз, чтобы не перегружать сервер)
+        for (let i = 0; i < courses.length; i += 3) {
+          const batch = courses.slice(i, i + 3)
+          const batchPromises = batch.map(async course => {
+            // Используем существующий API метод с Lazy Query
+            const response = await getLessons(course.id)
+            if (response.data?.body) {
+              lessonsData[course._id] = response.data.body
+            }
+          })
+          
+          await Promise.all(batchPromises)
+        }
+        
+        setLessonsByCourse(lessonsData)
+      }
+      
+      fetchLessonsForCourses()
+    }
+  }, [courses, showForm, getLessons])
 
   if (isLoading) {
     return <PageLoader />
@@ -61,6 +99,14 @@ export const CoursesList = () => {
         </Box>
       )}
       
+      {!showForm && (
+        <CoursesOverview 
+          courses={courses} 
+          isLoading={isLoading}
+          lessonsByCourse={lessonsByCourse}
+        />
+      )}
+      
       {Object.keys(groupedCourses).length > 0 ? (
         Object.entries(groupedCourses)
           .sort(([yearA], [yearB]) => Number(yearB) - Number(yearA)) // Сортируем годы по убыванию