Skip to content

Add a language selector on the page #21

@anamritraj

Description

@anamritraj

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.

Metadata

Metadata

Assignees

No one assigned

    Labels

    up-for-grabsThis issue is open for anyone to pick up

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions