Skip to content

feat: add language selector component to header - #13

Merged
andrey-canon merged 4 commits into
open-release/verawood.nelpfrom
and/FUTUREX-1474
Aug 16, 2026
Merged

feat: add language selector component to header#13
andrey-canon merged 4 commits into
open-release/verawood.nelpfrom
and/FUTUREX-1474

Conversation

@andrey-canon

@andrey-canon andrey-canon commented Aug 11, 2026

Copy link
Copy Markdown
Collaborator

Description

This adds a new language selector to the learning(sed by learning) header and desktop(used by learner-dashboard) header

Issue # 1474
Migration pr of #6 and #9

How to test

  1. Checkout the required branches frontend-component-header and frontend-platform
  2. Set both dependencies as editable in your MFE,e.g
module.exports = {
    /*
    Modules you want to use from local source code.  Adding a module here means that when this app
    runs its build, it'll resolve the source from peer directories of this app.
  
    moduleName: the name you use to import code from the module.
    dir: The relative path to the module's source code.
    dist: The sub-directory of the source code where it puts its build artifact.  Often "dist".
    */
    localModules: [
        { moduleName: '@edx/frontend-platform', dir: '../frontend-platform', dist: 'src' },
        { moduleName: '@edx/frontend-component-header/dist', dir: '../frontend-component-header', dist: 'src' },
        { moduleName: '@edx/frontend-component-header', dir: '../frontend-component-header', dist: 'src' },
    ],
};
  1. Add the following settings to your local environment
MFE_CONFIG["SITE_SUPPORTED_LANGUAGES"] = ["en", "ar"]
MFE_CONFIG["ENABLE_HEADER_LANG_SELECTOR"] = True
  1. Download your MFE messages
    export PATH="$(pwd)/node_modules/.bin:$PATH"
    make OPENEDX_ATLAS_PULL=true ATLAS_OPTIONS="--repository=nelc/futurex-translations --revision=open-release/redwood.master" pull_translation
  2. Go to your mfe an check the language selector behavior
2026-08-11.14-34-04.mp4

andrey-canon and others added 4 commits August 11, 2026 11:36
* feat: add language selector component to header

* fix: update language selector to maintain state after switch

* style: add trailing newline

* fix: remove unsupported object property

---------

Co-authored-by: Andres Felipe Giraldo Malagon <andres.giraldo@edunext.co>

@johanseto johanseto left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Working in my local env

Screencast.from.13-08-26.09.40.37.webm

@andrey-canon
andrey-canon changed the base branch from andFUTUREX-1459 to open-release/verawood.nelp August 16, 2026 21:46
@andrey-canon
andrey-canon merged commit 328105b into open-release/verawood.nelp Aug 16, 2026
3 checks passed
@andrey-canon
andrey-canon deployed to open-release/verawood.nelp August 16, 2026 21:47 — with GitHub Actions Active
@andrey-canon
andrey-canon deployed to open-release/verawood.nelp August 16, 2026 21:47 — with GitHub Actions Active
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants