From f8f53c0a13696cebcab34d0f5311819d6d6ec46f Mon Sep 17 00:00:00 2001
From: Harsh Thakkar <iharshthkkr@gmail.com>
Date: Tue, 28 Jan 2025 01:07:11 +0530
Subject: [PATCH] (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
---
 packages/apps/esm-primary-navigation-app/jest.config.js        | 1 +
 .../change-language/change-language-link.extension.tsx         | 3 ++-
 .../src/components/change-language/change-language.modal.tsx   | 2 +-
 3 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/packages/apps/esm-primary-navigation-app/jest.config.js b/packages/apps/esm-primary-navigation-app/jest.config.js
index 9f8667aa9..2e886e4a7 100644
--- 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/packages/apps/esm-primary-navigation-app/src/components/change-language/change-language-link.extension.tsx b/packages/apps/esm-primary-navigation-app/src/components/change-language/change-language-link.extension.tsx
index f309b5dd7..c67d6c193 100644
--- a/packages/apps/esm-primary-navigation-app/src/components/change-language/change-language-link.extension.tsx
+++ b/packages/apps/esm-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/packages/apps/esm-primary-navigation-app/src/components/change-language/change-language.modal.tsx b/packages/apps/esm-primary-navigation-app/src/components/change-language/change-language.modal.tsx
index 543b6b7a2..4149b2c09 100644
--- a/packages/apps/esm-primary-navigation-app/src/components/change-language/change-language.modal.tsx
+++ b/packages/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';