soeren/fotospiel-app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fixed language switching in the frontend

Browse Source
This commit is contained in:
Codex Agent
2025-12-02 13:31:58 +01:00
parent 28539754a7
commit dd3198cb79
20 changed files with 395 additions and 203 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
resources/js/layouts/mainWebsite.tsx
View File

@@ -26,8 +26,7 @@ type PageProps = {
const MarketingLayout: React.FC<MarketingLayoutProps> = ({ children, title }) => {
const page = usePage<PageProps>();
const { url } = page;
const { t } = useTranslation('marketing');
const i18n = useTranslation();
const { t, i18n, ready } = useTranslation(['marketing', 'common', 'legal', 'auth']);
const { locale, analytics, supportedLocales = ['de', 'en'], appUrl, auth } = page.props;
const user = auth?.user ?? null;
const { localizedPath } = useLocalizedRoutes();
@@ -94,11 +93,20 @@ const MarketingLayout: React.FC<MarketingLayoutProps> = ({ children, title }) =>
};
useEffect(() => {
if (locale && i18n.i18n.language !== locale) {
i18n.i18n.changeLanguage(locale);
if (locale && i18n.language !== locale) {
i18n.changeLanguage(locale);
}
}, [locale, i18n]);
if (!ready) {
return (
<div className="min-h-screen bg-white text-gray-900 dark:bg-gray-950 dark:text-gray-50 flex items-center justify-center">
<Head title="Fotospiel" />
<span className="text-sm text-gray-500 dark:text-gray-400">Lade Inhalte …</span>
</div>
);
}
const marketing = page.props.translations?.marketing ?? {};
const getString = (key: string, fallback: string) => {
@@ -132,11 +140,13 @@ const MarketingLayout: React.FC<MarketingLayoutProps> = ({ children, title }) =>
const targetPath = localizedPath(relativePath, nextLocale);
const targetUrl = `${targetPath}${rawQuery ? `?${rawQuery}` : ''}`;
i18n.i18n.changeLanguage(nextLocale);
setMobileMenuOpen(false);
router.visit(targetUrl, {
replace: true,
preserveState: false,
onSuccess: () => {
i18n.changeLanguage(nextLocale);
},
});
};