Добавлены новые зависимости: "react-select" и "@floating-ui/core". Реализована локализация с использованием i18next, добавлены переводы для английского и русского языков. Обновлены компоненты для поддержки локализации, включая AppHeader, Attendance, Dashboard и другие. Улучшена логика отображения данных и взаимодействия с пользователем.

2025-03-23 11:41:29 +03:00
parent d5b5838e51
commit d3a7f70d12
27 changed files with 995 additions and 191 deletions
@@ -0,0 +1,42 @@
+import { Box, Button, Text, VStack, Icon, useColorMode } from "@chakra-ui/react";
+import { FaPlus, FaUsers } from "react-icons/fa";
+import { useTranslation } from 'react-i18next';
+
+interface EmptyStateProps {
+  onAddData: () => void;
+}
+
+const EmptyState = ({ onAddData }: EmptyStateProps) => {
+  const { colorMode } = useColorMode();
+  const { t } = useTranslation();
+
+  return (
+    <Box 
+      p={8} 
+      borderRadius="lg" 
+      boxShadow="md"
+      bg={colorMode === 'dark' ? 'gray.700' : 'white'}
+      textAlign="center"
+    >
+      <VStack spacing={4}>
+        <Icon as={FaUsers} boxSize={12} color={colorMode === 'dark' ? 'blue.300' : 'blue.500'} />
+        <Text fontSize="xl" fontWeight="bold">
+          {t('journal.pl.attendance.emptyState.title')}
+        </Text>
+        <Text color={colorMode === 'dark' ? 'gray.400' : 'gray.600'}>
+          {t('journal.pl.attendance.emptyState.description')}
+        </Text>
+        <Button 
+          leftIcon={<FaPlus />} 
+          colorScheme="blue" 
+          onClick={onAddData}
+          mt={2}
+        >
+          {t('journal.pl.common.add')}
+        </Button>
+      </VStack>
+    </Box>
+  );
+};
+
+export default EmptyState;