refactor: simplify imports and use getSupportedLocaleList

Author: Ang-m4

src/language-selector/LanguageSelector.jsx

@@ -1,9 +1,13 @@
 import PropTypes from 'prop-types';
-import React, { useContext, useState } from 'react';
+import React, { useState } from 'react';
 
-import { changeUserSessionLanguage, getPrimaryLanguageSubtag, injectIntl } from '@edx/frontend-platform/i18n';
+import {
+  changeUserSessionLanguage,
+  getSupportedLocaleList,
+  getPrimaryLanguageSubtag,
+  injectIntl,
+} from '@edx/frontend-platform/i18n';
 import { getLocale } from '@edx/frontend-platform/i18n/lib';
-import { AppContext } from '@edx/frontend-platform/react';
 import { Dropdown } from '@openedx/paragon';
 import { Language } from '@openedx/paragon/icons';
 
@@ -37,9 +41,7 @@ const getDisplayName = (locale) => {
  * @requires config.LANGUAGE_PREFERENCE_COOKIE_NAME - Cookie name for storing language preference
  */
 const LanguageSelector = ({ className }) => {
-  const { config } = useContext(AppContext);
-
-  const languageOptions = config.SITE_SUPPORTED_LANGUAGES;
+  const languageOptions = getSupportedLocaleList();
   const [currentLocale, setCurrentLocale] = useState(getLocale());
 
   /**

src/language-selector/LanguageSelector.test.jsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import { mergeConfig } from '@edx/frontend-platform';
 import { getLocale } from '@edx/frontend-platform/i18n/lib';
-import { changeUserSessionLanguage } from '@edx/frontend-platform/i18n';
+import { changeUserSessionLanguage, getSupportedLocaleList } from '@edx/frontend-platform/i18n';
 import {
   act, fireEvent, initializeMockApp, render, screen,
 } from '../setupTest';
@@ -10,6 +10,7 @@ import LanguageSelector from './LanguageSelector';
 jest.mock('@edx/frontend-platform/i18n', () => ({
   ...jest.requireActual('@edx/frontend-platform/i18n'),
   changeUserSessionLanguage: jest.fn().mockResolvedValue({}),
+  getSupportedLocaleList: jest.fn(),
 }));
 
 jest.mock('@edx/frontend-platform/i18n/lib', () => ({
@@ -29,33 +30,21 @@ jest.mock('@openedx/paragon', () => ({
 const LANGUAGE_PREFERENCE_COOKIE_NAME = 'language-preference';
 
 describe('LanguageSelector', () => {
-  let mockReload;
-
   beforeEach(() => {
     jest.clearAllMocks();
 
     mergeConfig({
       ENABLE_HEADER_LANG_SELECTOR: true,
       LANGUAGE_PREFERENCE_COOKIE_NAME,
-      SITE_SUPPORTED_LANGUAGES: ['es', 'en'],
     });
-
+    getSupportedLocaleList.mockReturnValue(['es', 'en']);
     initializeMockApp();
 
-    mockReload = jest.fn();
-    Object.defineProperty(window, 'location', {
-      configurable: true,
-      writable: true,
-      value: { reload: mockReload },
-    });
-
     global.innerWidth = 1200;
   });
 
   it('should not render when no supported languages are available', () => {
-    mergeConfig({
-      SITE_SUPPORTED_LANGUAGES: [],
-    });
+    getSupportedLocaleList.mockReturnValue([]);
 
     const { container } = render(<LanguageSelector />);
     // expect(container).toMatchSnapshot('no-supported-languages');

src/learning-header/LearningHeader.jsx

@@ -1,4 +1,4 @@
-import React, { useContext } from 'react';
+import { useContext } from 'react';
 import PropTypes from 'prop-types';
 import { getConfig } from '@edx/frontend-platform';
 import { useIntl } from '@edx/frontend-platform/i18n';