Добавлены новые локализации для статистики прошедших уроков и посещаемости. Обновлены компоненты статистики для отображения подсказок с информацией о посещаемости и прошедших занятиях. Улучшено взаимодействие с пользователем через использование подсказок в интерфейсе.
This commit is contained in:
@@ -7,7 +7,8 @@ import {
|
||||
Progress,
|
||||
Badge,
|
||||
Avatar,
|
||||
Tooltip
|
||||
Tooltip,
|
||||
Flex
|
||||
} from '@chakra-ui/react'
|
||||
import { useTranslation } from 'react-i18next'
|
||||
import { StarIcon } from '@chakra-ui/icons'
|
||||
@@ -48,6 +49,10 @@ export const StudentAttendanceList: React.FC<StudentAttendanceListProps> = ({
|
||||
{title}
|
||||
</Text>
|
||||
|
||||
<Text fontSize="xs" color="gray.500" mb={2}>
|
||||
{t('journal.pl.overview.pastLessonsStats')}
|
||||
</Text>
|
||||
|
||||
<VStack align="stretch" spacing={3}>
|
||||
{students.map((student, index) => (
|
||||
<HStack key={student.id} spacing={3}>
|
||||
@@ -58,11 +63,18 @@ export const StudentAttendanceList: React.FC<StudentAttendanceListProps> = ({
|
||||
bg={index < 3 ? ['yellow.400', 'gray.400', 'orange.300'][index] : 'blue.300'}
|
||||
/>
|
||||
<Box flex="1">
|
||||
<Tooltip label={student.name}>
|
||||
<Text fontSize="sm" fontWeight="medium" isTruncated maxW="150px">
|
||||
{student.name}
|
||||
</Text>
|
||||
</Tooltip>
|
||||
<Flex justify="space-between">
|
||||
<Tooltip label={student.name}>
|
||||
<Text fontSize="sm" fontWeight="medium" isTruncated maxW="150px">
|
||||
{student.name}
|
||||
</Text>
|
||||
</Tooltip>
|
||||
<Tooltip label={`${student.attended} из ${student.total} занятий`}>
|
||||
<Text fontSize="xs" color="gray.500">
|
||||
{student.attended}/{student.total}
|
||||
</Text>
|
||||
</Tooltip>
|
||||
</Flex>
|
||||
<Progress
|
||||
value={student.percent}
|
||||
size="xs"
|
||||
@@ -77,6 +89,10 @@ export const StudentAttendanceList: React.FC<StudentAttendanceListProps> = ({
|
||||
</HStack>
|
||||
))}
|
||||
</VStack>
|
||||
|
||||
<Text fontSize="xs" color="gray.500" mt={2} fontStyle="italic">
|
||||
{t('journal.pl.overview.attendanceHelp')}
|
||||
</Text>
|
||||
</Box>
|
||||
)
|
||||
}
|
||||
Reference in New Issue
Block a user