diff --git a/src/contexts/HeaderContext.tsx b/src/contexts/HeaderContext.tsx index 1279e1a..d003348 100644 --- a/src/contexts/HeaderContext.tsx +++ b/src/contexts/HeaderContext.tsx @@ -1,7 +1,7 @@ import React, { createContext, useCallback, useContext, useMemo, useState } from 'react'; type HeaderState = { - title: string | null; + title: React.ReactNode | null; left: React.ReactNode | null; mobileMenu: React.ReactNode | null; }; diff --git a/src/features/event/components/EventFormInline.tsx b/src/features/event/components/EventFormInline.tsx index 2129675..63f3cb6 100644 --- a/src/features/event/components/EventFormInline.tsx +++ b/src/features/event/components/EventFormInline.tsx @@ -580,9 +580,6 @@ const EventFormInline: React.FC = ({ onSuccess, onCancel, ) : ( <>
-
- {mode === 'edit' ? 'Event bearbeiten' : 'Event erstellen'} -
{loadingInitial ? 'Lade…' : ''}
{error &&
{error}
} diff --git a/src/features/event/components/EventWizard.tsx b/src/features/event/components/EventWizard.tsx index 5d097dc..d6904c8 100644 --- a/src/features/event/components/EventWizard.tsx +++ b/src/features/event/components/EventWizard.tsx @@ -21,6 +21,11 @@ const EventWizard: React.FC = ({ onComplete, onBackToOverview, const [activeEventId, setActiveEventId] = useState(null); const { setHeader, resetHeader } = useHeader(); + const activeEvent = useMemo(() => { + if (!activeEventId) return null; + return events.find((e) => String(e.id) === String(activeEventId)) || null; + }, [activeEventId, events]); + const canGoTimeline = showForm; const handleBackToTimeline = () => { setShowForm(false); @@ -32,7 +37,18 @@ const EventWizard: React.FC = ({ onComplete, onBackToOverview, }, [onReload]); useEffect(() => { - const title = showForm ? (activeEventId ? 'Event bearbeiten' : 'Event erstellen') : 'Veranstaltungen'; + const eventName = (activeEvent as any)?.title || (activeEvent as any)?.name || null; + + const title = showForm + ? activeEventId + ? ( +
+
Event bearbeiten
+ {eventName ?
{eventName}
: null} +
+ ) + : 'Event erstellen' + : 'Veranstaltungen'; setHeader({ title, @@ -73,7 +89,7 @@ const EventWizard: React.FC = ({ onComplete, onBackToOverview, return () => { resetHeader(); }; - }, [activeEventId, onBackToOverview, resetHeader, setHeader, showForm]); + }, [activeEvent, activeEventId, onBackToOverview, resetHeader, setHeader, showForm]); const sortedEvents = useMemo(() => { if (!events.length) return [] as Event[];