Improve language display in LanguageSelector

Replaced the placeholder arrow in the language selector button with the current language name using the new `GetLanguageName` method. Added `GetLanguageName` to map culture codes to language names. Fixed encoding issue by correcting "Fran�ais" to "Français" in the French language option.
This commit is contained in:
2026-06-18 10:34:05 +02:00
parent 314608f27f
commit b5af3e61ed

View File

@@ -7,7 +7,7 @@
<div class="language-selector"> <div class="language-selector">
<button class="language-selector__trigger" @onclick="ToggleDropdown" aria-label="Select Language"> <button class="language-selector__trigger" @onclick="ToggleDropdown" aria-label="Select Language">
<span class="fi fi-@GetFlagCode(CurrentCulture)"></span> <span class="fi fi-@GetFlagCode(CurrentCulture)"></span>
<span class="language-selector__arrow">?</span> <span class="language-selector__arrow">@GetLanguageName(CurrentCulture)</span>
</button> </button>
@if (isOpen) @if (isOpen)
@@ -23,7 +23,7 @@
</button> </button>
<button class="language-selector__option" @onclick="@(() => ChangeLanguageAsync("fr-FR"))"> <button class="language-selector__option" @onclick="@(() => ChangeLanguageAsync("fr-FR"))">
<span class="fi fi-fr"></span> <span class="fi fi-fr"></span>
<span>Français</span> <span>Français</span>
</button> </button>
</div> </div>
} }
@@ -59,4 +59,15 @@
_ => "de" _ => "de"
}; };
} }
private string GetLanguageName(string culture)
{
return culture switch
{
"de-DE" => "Deutsch",
"en-US" => "English",
"fr-FR" => "Français",
_ => "Deutsch"
};
}
} }