feat(frontend): use flag icons in the language switcher

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
2026-07-31 15:59:39 +02:00
parent f5958586b7
commit 7c58e50c11
2 changed files with 9 additions and 2 deletions
@@ -6,10 +6,11 @@ export function LanguageSwitcher() {
  const { t } = useTranslation();
  const otherLang = lang === 'fr' ? 'en' : 'fr';
  const label = otherLang === 'en' ? t('nav.switchToEnglish') : t('nav.switchToFrench');
+  const flagCode = otherLang === 'en' ? 'gb' : 'fr';

  return (
-    <Link to={`/${otherLang}/`} className="language-switcher">
-      {label}
+    <Link to={`/${otherLang}/`} className="language-switcher" aria-label={label} title={label}>
+      <span className={`fi fi-${flagCode}`} aria-hidden="true" />
    </Link>
  );
 }