From d19743ba01aee9e6994c2123275569f5a6343101 Mon Sep 17 00:00:00 2001
From: martin <f95martin@skymail.de>
Date: Tue, 20 Jan 2026 17:49:57 +0100
Subject: [PATCH] new look test7 #deploy

---
 src/features/event/components/EventFormInline.tsx | 13 +++++++++----
 src/features/event/components/ScheduleSection.tsx | 12 ++++++++++++
 2 files changed, 21 insertions(+), 4 deletions(-)
 create mode 100644 src/features/event/components/ScheduleSection.tsx

diff --git a/src/features/event/components/EventFormInline.tsx b/src/features/event/components/EventFormInline.tsx
index a9fb5d7..d4ab7a4 100644
--- a/src/features/event/components/EventFormInline.tsx
+++ b/src/features/event/components/EventFormInline.tsx
@@ -4,13 +4,14 @@ import { Input } from '@/components/ui/input';
 import { Textarea } from '@/components/ui/textarea';
 import { Label } from '@/components/ui/label';
 import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle } from '@/components/ui/dialog';
-import { CalendarDays, Megaphone, Users } from 'lucide-react';
+import { CalendarCheck2, CalendarDays, Megaphone, Users } from 'lucide-react';
 import { createEvent, fetchEventById, updateEvent, getEventInfoFromUrl, generateCollabLink, updateArtistCollabDataByOp } from '@/features/event/api/eventService';
 import { useApiFetch } from '@/utils/apiFetch';
 import { useIsMobile } from '@/hooks/use-mobile';
 import EventStammdatenSection from '@/features/event/components/EventStammdatenSection';
 import PromotionTemplatesSection from '@/features/event/components/PromotionTemplatesSection';
 import ArtistsSection from '@/features/event/components/ArtistsSection';
+import ScheduleSection from '@/features/event/components/ScheduleSection';
 
 interface EventFormInlineProps {
   onSuccess: () => void;
@@ -61,7 +62,7 @@ const EventFormInline: React.FC<EventFormInlineProps> = ({ onSuccess, onCancel,
   const [promotionOffsetDays, setPromotionOffsetDays] = useState<string>('2');
   const [generatingLinkIndex, setGeneratingLinkIndex] = useState<number | null>(null);
   const isMobile = useIsMobile();
-  const [activeTab, setActiveTab] = useState<'stammdaten' | 'promotion' | 'artists'>('stammdaten');
+  const [activeTab, setActiveTab] = useState<'stammdaten' | 'promotion' | 'artists' | 'schedule'>('stammdaten');
   const navExpanded = !isMobile;
 
   useEffect(() => {
@@ -484,7 +485,7 @@ const EventFormInline: React.FC<EventFormInlineProps> = ({ onSuccess, onCancel,
     label,
     Icon,
   }: {
-    tab: 'stammdaten' | 'promotion' | 'artists';
+    tab: 'stammdaten' | 'promotion' | 'artists' | 'schedule';
     label: string;
     Icon: React.ComponentType<{ className?: string }>;
   }) => {
@@ -527,7 +528,7 @@ const EventFormInline: React.FC<EventFormInlineProps> = ({ onSuccess, onCancel,
     label,
     Icon,
   }: {
-    tab: 'stammdaten' | 'promotion' | 'artists';
+    tab: 'stammdaten' | 'promotion' | 'artists' | 'schedule';
     label: string;
     Icon: React.ComponentType<{ className?: string }>;
   }) => {
@@ -575,6 +576,7 @@ const EventFormInline: React.FC<EventFormInlineProps> = ({ onSuccess, onCancel,
                   <MobileTabButton tab="stammdaten" label="Stammdaten" Icon={CalendarDays} />
                   <MobileTabButton tab="promotion" label="Promotion" Icon={Megaphone} />
                   <MobileTabButton tab="artists" label="Künstler" Icon={Users} />
+                  <MobileTabButton tab="schedule" label="Zeitplan" Icon={CalendarCheck2} />
                 </div>
               </div>
             </div>
@@ -601,6 +603,7 @@ const EventFormInline: React.FC<EventFormInlineProps> = ({ onSuccess, onCancel,
                   <NavItemButton tab="stammdaten" label="Stammdaten" Icon={CalendarDays} />
                   <NavItemButton tab="promotion" label="Promotion" Icon={Megaphone} />
                   <NavItemButton tab="artists" label="Künstler" Icon={Users} />
+                  <NavItemButton tab="schedule" label="Zeitplan" Icon={CalendarCheck2} />
                 </div>
               </div>
             </aside>
@@ -665,6 +668,8 @@ const EventFormInline: React.FC<EventFormInlineProps> = ({ onSuccess, onCancel,
                 }}
               />
             )}
+
+            {activeTab === 'schedule' && <ScheduleSection />}
           </div>
         </div>
 
diff --git a/src/features/event/components/ScheduleSection.tsx b/src/features/event/components/ScheduleSection.tsx
new file mode 100644
index 0000000..ada330a
--- /dev/null
+++ b/src/features/event/components/ScheduleSection.tsx
@@ -0,0 +1,12 @@
+import React from 'react';
+
+const ScheduleSection: React.FC = () => {
+  return (
+    <div className="space-y-4">
+      <div className="text-sm font-medium">Zeitplan</div>
+      <div className="text-sm text-muted-foreground">Hier kommt später alles rund um Scheduling / Zeitplan rein.</div>
+    </div>
+  );
+};
+
+export default ScheduleSection;