diff --git a/src/services/i18n.ts b/src/services/i18n.ts index 67d168e1..d325b6e5 100644 --- a/src/services/i18n.ts +++ b/src/services/i18n.ts @@ -1,4 +1,8 @@ import { i18n } from '@lingui/core'; +import type { Locale } from 'antd/es/locale'; +import enAntdLocale from 'antd/es/locale/en_US'; +import esAntdLocale from 'antd/es/locale/es_ES'; +import ruAntdLocale from 'antd/es/locale/ru_RU'; import { en, es, ru } from 'make-plural/plurals'; import { messages as enMessages } from 'src/locale/en/messages'; @@ -42,3 +46,9 @@ export function dynamicActivate(locale: LocaleCode) { i18n.activate(locale); } + +export const antdLocaleMap: { [localeCode in LocaleCode]: Locale } = { + en: enAntdLocale, + es: esAntdLocale, + ru: ruAntdLocale, +}; diff --git a/src/theme/ThemeProvider.tsx b/src/theme/ThemeProvider.tsx index 7be1ff61..86453ebc 100644 --- a/src/theme/ThemeProvider.tsx +++ b/src/theme/ThemeProvider.tsx @@ -2,6 +2,8 @@ import { ConfigProvider as ANTDConfigProvider } from 'antd'; import { ReactNode } from 'react'; import { ThemeProvider as StyledComponentsThemeProvider, createGlobalStyle } from 'styled-components'; +import { antdLocaleMap, getCurrentLocale } from 'src/services/i18n'; + import { getAppTheme, getANTDTheme } from './'; import { useTheme } from '../utils/theme'; @@ -36,7 +38,7 @@ export function ThemeProvider(props: Props) { }; return ( - + {children}