komplette überarbeitung des Gäste-Hilfebereichs und Ergänzung eines One-Time-Containers zum Aktualisieren der Hilfedokumente

resources/js/guest/components/Header.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import { createPortal } from 'react-dom';
-import { Link } from 'react-router-dom';
+import { Link, useLocation } from 'react-router-dom';
 import AppearanceToggleDropdown from '@/components/appearance-dropdown';
 import {
   User,
@@ -131,6 +131,7 @@ function renderEventAvatar(name: string, icon: unknown, accentColor: string, tex
 }
 
 export default function Header({ eventToken, title = '' }: { eventToken?: string; title?: string }) {
+  const location = useLocation();
   const statsContext = useOptionalEventStats();
   const identity = useOptionalGuestIdentity();
   const { t } = useTranslation();
@@ -189,6 +190,12 @@ export default function Header({ eventToken, title = '' }: { eventToken?: string
 
   const headerFont = branding.typography?.heading ?? branding.fontFamily ?? undefined;
   const bodyFont = branding.typography?.body ?? branding.fontFamily ?? undefined;
+  const basePath = eventToken ? `/e/${encodeURIComponent(eventToken)}` : '';
+  const showGalleryHelp = Boolean(
+    basePath
+    && (location.pathname.startsWith(`${basePath}/gallery`) || location.pathname.startsWith(`${basePath}/photo`))
+  );
+  const galleryHelpHref = basePath ? `${basePath}/help/gallery-and-sharing` : '/help/gallery-and-sharing';
 
   const headerStyle: React.CSSProperties = {
     background: `linear-gradient(135deg, ${branding.primaryColor}, ${branding.secondaryColor})`,
@@ -255,6 +262,15 @@ export default function Header({ eventToken, title = '' }: { eventToken?: string
             t={t}
           />
         )}
+        {showGalleryHelp && (
+          <Link
+            to={galleryHelpHref}
+            className="rounded-full bg-white/15 p-2 text-white transition hover:bg-white/30"
+            aria-label={t('header.helpGallery')}
+          >
+            <LifeBuoy className="h-5 w-5" aria-hidden />
+          </Link>
+        )}
         <AppearanceToggleDropdown />
         <SettingsSheet />
       </div>