#425 improve lang dispaly

intuitem · May 14, 2024 · 05ba27e · 05ba27e
1 parent 319266c
commit 05ba27e
Showing 1 changed file with 10 additions and 3 deletions.
diff --git a/frontend/src/lib/components/SideBar/SideBarFooter.svelte b/frontend/src/lib/components/SideBar/SideBarFooter.svelte
@@ -17,6 +17,13 @@
 
 	const modalStore = getModalStore();
 
+	const defaultLangLabels = {
+		fr: 'Français',
+		en: 'English',
+		ar: 'العربية',
+		pt: 'Português'
+	};
+
 	let value = languageTag();
 
 	async function handleLocaleChange(event: Event) {
@@ -85,9 +92,9 @@
 				data-testid="language-select"
 			>
 				{#each availableLanguageTags as lang}
-					<option value={lang} selected={lang === languageTag()}
-						>{LOCALE_MAP[lang].flag} {language[LOCALE_MAP[lang].name]}</option
-					>
+					<option value={lang} selected={lang === languageTag()}>
+						{defaultLangLabels[lang]} ({language[LOCALE_MAP[lang].name]})
+					</option>
 				{/each}
 			</select>
 			<button