diff --git a/frontend/src/components/Header.jsx b/frontend/src/components/Header.jsx index 1bb2d68..9272be8 100644 --- a/frontend/src/components/Header.jsx +++ b/frontend/src/components/Header.jsx @@ -1,10 +1,9 @@ -import { Link, useParams } from 'react-router-dom'; +import { Link } from 'react-router-dom'; import { useTranslation } from 'react-i18next'; import { LanguageSwitcher } from './LanguageSwitcher.jsx'; import { ThemeToggle } from './ThemeToggle.jsx'; -export function Header({ theme, onToggleTheme }) { - const { lang } = useParams(); +export function Header({ lang, theme, onToggleTheme }) { const { t } = useTranslation(); return ( @@ -13,7 +12,7 @@ export function Header({ theme, onToggleTheme }) { {t('brand')}
- + -
+
diff --git a/frontend/src/components/LanguageSwitcher.jsx b/frontend/src/components/LanguageSwitcher.jsx index f823d2f..29ec2f2 100644 --- a/frontend/src/components/LanguageSwitcher.jsx +++ b/frontend/src/components/LanguageSwitcher.jsx @@ -1,8 +1,7 @@ -import { Link, useParams } from 'react-router-dom'; +import { Link } from 'react-router-dom'; import { useTranslation } from 'react-i18next'; -export function LanguageSwitcher() { - const { lang } = useParams(); +export function LanguageSwitcher({ lang }) { const { t } = useTranslation(); const otherLang = lang === 'fr' ? 'en' : 'fr'; const label = otherLang === 'en' ? t('nav.switchToEnglish') : t('nav.switchToFrench');