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

codex has reworked checkout, but frontend doesnt work

Browse Source
This commit is contained in:
Codex Agent
2025-10-05 20:39:30 +02:00
parent fdaa2bec62
commit d70faf7a9d
35 changed files with 2105 additions and 430 deletions
Download Patch File Download Diff File Expand all files Collapse all files

72
resources/js/layouts/marketing/MarketingLayout.tsx
View File

@@ -1,5 +1,6 @@
import React, { useEffect } from 'react';
import React, { useEffect } from 'react';
import { Head, Link, usePage, router } from '@inertiajs/react';
import { useLocalizedRoutes } from '@/hooks/useLocalizedRoutes';
import { useTranslation } from 'react-i18next';
interface MarketingLayoutProps {
@@ -8,38 +9,51 @@ interface MarketingLayoutProps {
}
const MarketingLayout: React.FC<MarketingLayoutProps> = ({ children, title }) => {
const page = usePage<{ translations?: Record<string, Record<string, string>> }>();
const { url } = page;
const { t } = useTranslation('marketing');
const { url } = usePage();
const i18n = useTranslation();
const { locale, localizedPath } = useLocalizedRoutes();
useEffect(() => {
const locale = url.startsWith('/en/') ? 'en' : 'de';
if (i18n.i18n.language !== locale) {
i18n.i18n.changeLanguage(locale);
}
}, [url, i18n]);
const localeCandidate = locale || (url.startsWith('/en/') ? 'en' : 'de');
const { translations } = usePage().props as any;
const marketing = translations?.marketing || {};
if (localeCandidate && i18n.i18n.language !== localeCandidate) {
i18n.i18n.changeLanguage(localeCandidate);
}
}, [url, i18n, locale]);
const marketing = page.props.translations?.marketing ?? {};
const getString = (key: string, fallback: string) => {
const value = marketing[key];
return typeof value === 'string' ? value : fallback;
};
const currentLocale = url.startsWith('/en/') ? 'en' : 'de';
const alternateLocale = currentLocale === 'de' ? 'en' : 'de';
const path = url.replace(/^\/(de|en)?/, '');
const canonicalUrl = `https://fotospiel.app/${currentLocale}${path}`;
const alternateUrl = `https://fotospiel.app/${alternateLocale}${path}`;
const activeLocale = locale || (url.startsWith('/en/') ? 'en' : 'de');
const alternateLocale = activeLocale === 'de' ? 'en' : 'de';
const path = url.replace(/^\/(de|en)/, '');
const canonicalUrl = `https://fotospiel.app${localizedPath(path || '/')}`;
const handleLocaleChange = (nextLocale: string) => {
const normalizedPath = url.replace(/^\/(de|en)/, '') || '/';
const destination = normalizedPath === '/' ? `/${nextLocale}` : `/${nextLocale}${normalizedPath}`;
router.visit(destination);
};
return (
<>
<Head>
<title>{title || t('meta.title', getString('title', 'Fotospiel'))}</title>
<meta name="description" content={t('meta.description', getString('description', 'Sammle Gastfotos für Events mit QR-Codes'))} />
<meta
name="description"
content={t('meta.description', getString('description', 'Sammle Gastfotos für Events mit QR-Codes'))}
/>
<meta property="og:title" content={title || t('meta.title', getString('title', 'Fotospiel'))} />
<meta property="og:description" content={t('meta.description', getString('description', 'Sammle Gastfotos für Events mit QR-Codes'))} />
<meta
property="og:description"
content={t('meta.description', getString('description', 'Sammle Gastfotos für Events mit QR-Codes'))}
/>
<meta property="og:url" content={canonicalUrl} />
<link rel="canonical" href={canonicalUrl} />
<link rel="alternate" hrefLang="de" href={`https://fotospiel.app/de${path}`} />
@@ -50,31 +64,27 @@ const MarketingLayout: React.FC<MarketingLayoutProps> = ({ children, title }) =>
<header className="bg-white shadow-sm">
<div className="container mx-auto px-4 py-4">
<nav className="flex justify-between items-center">
<Link href="/" className="text-xl font-bold text-gray-900">
<Link href={localizedPath('/')} className="text-xl font-bold text-gray-900">
Fotospiel
</Link>
<div className="hidden md:flex space-x-8">
<Link href="/" className="text-gray-700 hover:text-gray-900">
<Link href={localizedPath('/')} className="text-gray-700 hover:text-gray-900">
{t('nav.home')}
</Link>
<Link href="/packages" className="text-gray-700 hover:text-gray-900">
<Link href={localizedPath('/packages')} className="text-gray-700 hover:text-gray-900">
{t('nav.packages')}
</Link>
<Link href="/blog" className="text-gray-700 hover:text-gray-900">
<Link href={localizedPath('/blog')} className="text-gray-700 hover:text-gray-900">
{t('nav.blog')}
</Link>
<Link href="/kontakt" className="text-gray-700 hover:text-gray-900">
<Link href={localizedPath('/kontakt')} className="text-gray-700 hover:text-gray-900">
{t('nav.contact')}
</Link>
</div>
<div className="flex items-center space-x-4">
<select
value={currentLocale}
onChange={(e) => {
const newLocale = e.target.value;
const newPath = url.replace(/^\/(de|en)?/, `/${newLocale}`);
router.visit(newPath);
}}
value={activeLocale}
onChange={(event) => handleLocaleChange(event.target.value)}
className="border border-gray-300 rounded-md px-2 py-1"
>
<option value="de">DE</option>
@@ -91,13 +101,13 @@ const MarketingLayout: React.FC<MarketingLayoutProps> = ({ children, title }) =>
<div className="container mx-auto px-4 text-center">
<p>&copy; 2025 Fotospiel. Alle Rechte vorbehalten.</p>
<div className="mt-4 space-x-4">
<Link href="/datenschutz" className="hover:underline">
<Link href={localizedPath('/datenschutz')} className="hover:underline">
{t('nav.privacy')}
</Link>
<Link href="/impressum" className="hover:underline">
<Link href={localizedPath('/impressum')} className="hover:underline">
{t('nav.impressum')}
</Link>
<Link href="/kontakt" className="hover:underline">
<Link href={localizedPath('/kontakt')} className="hover:underline">
{t('nav.contact')}
</Link>
</div>
@@ -108,4 +118,4 @@ const MarketingLayout: React.FC<MarketingLayoutProps> = ({ children, title }) =>
);
};
export default MarketingLayout;
export default MarketingLayout;