Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add a language selector on the page #21

Open
anamritraj opened this issue May 9, 2020 · 0 comments
Open

Add a language selector on the page #21

anamritraj opened this issue May 9, 2020 · 0 comments
Labels
up-for-grabs This issue is open for anyone to pick up

Comments

@anamritraj
Copy link
Owner

The setup for this is already done. All we need to do is render a select dropdown somewhere on the page to change language based on the /public/static/locales/languages.json file.

You can use this guide to use the useTranslation hook to change the language when the language is changed in the dropdown.

For more information and background, check this https://react.i18next.com/latest/using-with-hooks

What is expected?

  1. Render a dropdown on the page which lists all the languages the project supports.
  2. The dropdown should trigger the change language event for the whole application by using the useTranslation hook.
  3. Plus points if you can remember user's previously saved language in localStorage/ Cookies.
  4. Super plus points if you can add the functionality to detect browser language and select language automatically at page load based on device's default language.
@anamritraj anamritraj added the up-for-grabs This issue is open for anyone to pick up label May 9, 2020
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
up-for-grabs This issue is open for anyone to pick up
Projects
None yet
Development

No branches or pull requests

1 participant