(fix) O3-4366: Change languages in my account panel to sentence case (#…

…1277) * fix: Change languages in my account panel to sentence case * fix: Requested changes * fix: Improve import syntax * fix: Requested changes * fix: Test issues
openmrs · Jan 27, 2025 · f8f53c0 · f8f53c0
1 parent a81e937
commit f8f53c0
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 2 deletions.
diff --git a/packages/apps/esm-primary-navigation-app/jest.config.js b/packages/apps/esm-primary-navigation-app/jest.config.js
@@ -5,6 +5,7 @@ module.exports = {
   },
   transformIgnorePatterns: [],
   moduleNameMapper: {
+    'lodash-es/(.*)': 'lodash/$1',
     'lodash-es': 'lodash',
     '@openmrs/esm-framework': '@openmrs/esm-framework/mock.tsx',
     '\\.(s?css)$': 'identity-obj-proxy',

diff --git a/...-primary-navigation-app/src/components/change-language/change-language-link.extension.tsx b/...-primary-navigation-app/src/components/change-language/change-language-link.extension.tsx
@@ -1,6 +1,7 @@
 import React, { useCallback } from 'react';
 import { useTranslation } from 'react-i18next';
 import { Button, SwitcherItem } from '@carbon/react';
+import capitalize from 'lodash-es/capitalize';
 import { TranslateIcon, showModal, useSession } from '@openmrs/esm-framework';
 import styles from './change-language-link.scss';
 
@@ -22,7 +23,7 @@ function ChangeLanguageLink() {
     <SwitcherItem className={styles.panelItemContainer} aria-label={t('changeLanguage', 'Change language')}>
       <div>
         <TranslateIcon size={20} />
-        <p>{languageNames.of(session?.locale)}</p>
+        <p>{capitalize(languageNames.of(session?.locale))}</p>
       </div>
       <Button kind="ghost" onClick={launchChangeLanguageModal}>
         {t('change', 'Change')}

diff --git a/.../apps/esm-primary-navigation-app/src/components/change-language/change-language.modal.tsx b/.../apps/esm-primary-navigation-app/src/components/change-language/change-language.modal.tsx
@@ -1,6 +1,5 @@
 import React, { useCallback, useMemo, useState } from 'react';
 import { useTranslation } from 'react-i18next';
-import { capitalize } from 'lodash-es';
 import {
   Button,
   InlineLoading,
@@ -10,6 +9,7 @@ import {
   RadioButton,
   RadioButtonGroup,
 } from '@carbon/react';
+import capitalize from 'lodash-es/capitalize';
 import { useConnectivity, useSession } from '@openmrs/esm-framework';
 import { postUserPropertiesOffline, postUserPropertiesOnline } from './change-language.resource';
 import styles from './change-language.scss';