Добавлены новые зависимости: "react-select" и "@floating-ui/core". Реализована локализация с использованием i18next, добавлены переводы для английского и русского языков. Обновлены компоненты для поддержки локализации, включая AppHeader, Attendance, Dashboard и другие. Улучшена логика отображения данных и взаимодействия с пользователем.
This commit is contained in:
@@ -1,5 +1,18 @@
|
||||
import { Alert } from '@chakra-ui/react'
|
||||
import React from 'react'
|
||||
import { useTranslation } from 'react-i18next'
|
||||
|
||||
// Компонент-обертка для использования хука useTranslation внутри классового компонента
|
||||
const ErrorMessage = ({ error }: { error: string | null }) => {
|
||||
const { t } = useTranslation()
|
||||
|
||||
return (
|
||||
<Alert status="error" title={t('journal.pl.common.error')}>
|
||||
{t('journal.pl.common.error.something')}<br />
|
||||
{error && <span>{error}</span>}
|
||||
</Alert>
|
||||
)
|
||||
}
|
||||
|
||||
export class ErrorBoundary extends React.Component<
|
||||
React.PropsWithChildren,
|
||||
@@ -13,12 +26,7 @@ export class ErrorBoundary extends React.Component<
|
||||
|
||||
render() {
|
||||
if (this.state.hasError) {
|
||||
return (
|
||||
<Alert status="error" title="Ошибка">
|
||||
Что-то пошло не так<br />
|
||||
{this.state.error && <span>{this.state.error}</span>}
|
||||
</Alert>
|
||||
)
|
||||
return <ErrorMessage error={this.state.error} />
|
||||
}
|
||||
|
||||
return this.props.children
|
||||
|
||||
Reference in New Issue
Block a user