HelgaZhizhka/graphiql-app

Localization

Closed this issue · 2 comments

HelgaZhizhka commented

Реализовать словарь 2 языка : en / ru
который потом будем использовать для переключения языка

Localization (at least 2 languages). You should be able to change the language by clicking on the toggler/select in the header. Localization should be implemented using Context API. No 3rd party / open-source solutions are allowed.

https://dev.to/thesanjeevsharma/setting-up-localization-in-your-react-app-7

VictoriaAlekseeva commented

для добавления локализации в новые компоненты:

  1. добавить в компонент
    const { state } = useLocale();
    const { strings } = state;

импортировать хук (если редактор сам не предлагает)
import { useLocale } from '@/contexts/Locale/LocaleProvider';

  1. подставить текст для локализации через пропс, например
    {strings.signOut}

  2. словари лежат тут
    graphiql-app/src/locales/en.json
    graphiql-app/src/locales/ru.json

при необходимости можно добавить в них данные.
!!!Важно чтобы они были одного размера, т.е при добавлении слова в ru не забыть добавить такое же в en

  • 👍1