(fix) O3-3891: Adjust Change Language Modal Size to Small (#1162)

* (fix) O3-3891: Adjust Change Language Modal Size to Small * (fix) O3-3891: Adjust Change Language Modal Size to Small * (fix) O3-3891: Adjust Change Language Modal Size to Small * (fix) O3-3891: Adjust Change Language Modal Size to Small
openmrs · Sep 24, 2024 · a3da7a3 · a3da7a3
1 parent f76380b
commit a3da7a3
Showing 1 changed file with 7 additions and 2 deletions.
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
@@ -5,11 +5,16 @@ import { TranslateIcon, showModal, useSession } from '@openmrs/esm-framework';
 import styles from './change-language-link.scss';
 
 /** The user menu item that shows the current language and has a button to change the language */
-export function ChangeLanguageLink() {
+function ChangeLanguageLink() {
   const { t } = useTranslation();
   const session = useSession();
 
-  const launchChangeLanguageModal = useCallback(() => showModal('change-language-modal'), []);
+  const launchChangeLanguageModal = useCallback(() => {
+    const dispose = showModal('change-language-modal', {
+      closeModal: () => dispose(),
+      size: 'sm',
+    });
+  }, []);
 
   const languageNames = new Intl.DisplayNames([session?.locale], { type: 'language' });