From 05ba27e7505b295ca7f23bdd0d0a2d9cca8f4485 Mon Sep 17 00:00:00 2001
From: Abderrahmane Smimite <smimite@gmail.com>
Date: Tue, 14 May 2024 20:35:49 +0200
Subject: [PATCH] #425 improve lang dispaly

---
 .../src/lib/components/SideBar/SideBarFooter.svelte | 13 ++++++++++---
 1 file changed, 10 insertions(+), 3 deletions(-)

diff --git a/frontend/src/lib/components/SideBar/SideBarFooter.svelte b/frontend/src/lib/components/SideBar/SideBarFooter.svelte
index 7d2cc7f5e..a79297a2a 100644
--- 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