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:
@@ -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"
|
||||||
|
};
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user