Auto-detection of language

[dmtrjsg]

Context

Internationalistaion. Detect language from browser settings automatically.

Scope

• [ ] Detect the language from browser settings, auto-select matching language if supported.
• [ ] If not, display fallback toaster notification.

Design

Dev Note

For this purpose, we're using i18next with the plugin i18next-browser-languageDetector (https://github.com/i18next/i18next-browser-languageDetector).

The plugin looks for the language key in the localStorage, and if didn't find any, it will get the browser language from the browser's Navigator.language and persist it in the localStorage.

Figma

👉 Figma Link

[Qcza]

For this purpose, we're using i18next with the plugin i18next-browser-languageDetector (https://github.com/i18next/i18next-browser-languageDetector).

The plugin looks for the language key in the localStorage, and if didn't find any, it will get the browser language from the browser's Navigator.language and persist it in the localStorage.

[MattAugustynowicz]

I think we can solve this quickly by using our notification box with proper icon. I don't know if it's needed, but I also added second box with the content about the language change. Additionally in the notification please add a link to "Settings/Language" subpage, so someone can quickly check if they want to change to one of the available languages

👉 Figma Link