login seitentexte verbessert und event selector gefixt. allgemeine event-landingpage schickt gemacht.

resources/js/admin/context/EventContext.tsx

@@ -2,6 +2,7 @@ import React from 'react';
 import { useQuery } from '@tanstack/react-query';
 
 import { getEvents, type TenantEvent } from '../api';
+import { useAuth } from '../auth/context';
 
 const STORAGE_KEY = 'tenant-admin.active-event';
 
@@ -15,6 +16,7 @@ export interface EventContextValue {
 const EventContext = React.createContext<EventContextValue | undefined>(undefined);
 
 export function EventProvider({ children }: { children: React.ReactNode }) {
+  const { status } = useAuth();
   const [storedSlug, setStoredSlug] = React.useState<string | null>(() => {
     if (typeof window === 'undefined') {
       return null;
@@ -22,20 +24,29 @@ export function EventProvider({ children }: { children: React.ReactNode }) {
     return window.localStorage.getItem(STORAGE_KEY);
   });
 
-  const { data: events = [], isLoading } = useQuery<TenantEvent[]>({
+  const authReady = status === 'authenticated';
+
+  const {
+    data: fetchedEvents = [],
+    isLoading: queryLoading,
+  } = useQuery<TenantEvent[]>({
     queryKey: ['tenant-events'],
     queryFn: async () => {
       try {
         return await getEvents();
       } catch (error) {
         console.warn('[EventContext] Failed to fetch events', error);
-        return [];
+        throw error;
       }
     },
     staleTime: 60 * 1000,
     cacheTime: 5 * 60 * 1000,
+    enabled: authReady,
   });
 
+  const events = authReady ? fetchedEvents : [];
+  const isLoading = authReady ? queryLoading : status === 'loading';
+
   React.useEffect(() => {
     if (!storedSlug && events.length === 1 && events[0]?.slug && typeof window !== 'undefined') {
       setStoredSlug(events[0].slug);

resources/js/admin/i18n/locales/de/auth.json

@@ -11,8 +11,8 @@
       "Steuere Aufgaben, Emotionen und Slideshows direkt vom Event aus."
     ],
     "lead": "Du meldest dich über unser gesichertes Fotospiel-Login an und landest direkt im Event-Dashboard.",
-    "panel_title": "Melde dich an",
-    "panel_copy": "Logge dich mit deinem Fotospiel-Adminzugang ein. Wir schützen dein Konto mit persönlichen Zugriffstokens und klaren Rollenrechten.",
+    "panel_title": "Team Login für Fotospiel",
+    "panel_copy": "Melde dich an, um Events zu planen, Fotos zu moderieren und Aufgaben im Fotospiel-Team zu koordinieren.",
     "actions_title": "Wähle deine Anmeldemethode",
     "actions_copy": "Greife sicher mit deinem Fotospiel-Login oder deinem Google-Konto auf das Tenant-Dashboard zu.",
     "cta": "Mit Fotospiel-Login fortfahren",

resources/js/admin/pages/LoginPage.tsx

@@ -3,7 +3,6 @@ import { useTranslation } from 'react-i18next';
 import { useLocation, useNavigate } from 'react-router-dom';
 import { Loader2 } from 'lucide-react';
 
-import AppLogoIcon from '@/components/app-logo-icon';
 import { Alert, AlertDescription } from '@/components/ui/alert';
 import { Button } from '@/components/ui/button';
 import { Input } from '@/components/ui/input';
@@ -119,14 +118,22 @@ export default function LoginPage(): JSX.Element {
 
       <div className="relative z-10 mx-auto flex w-full max-w-md flex-col gap-10 px-6 py-16">
         <header className="flex flex-col items-center gap-3 text-center">
-          <span className="flex h-12 w-12 items-center justify-center rounded-full bg-white/15 shadow-lg shadow-black/20">
-            <AppLogoIcon className="h-7 w-7 text-white" />
+          <span className="flex h-14 w-14 items-center justify-center overflow-hidden rounded-full border border-white/20 bg-white/10 shadow-lg shadow-black/20">
+            <img
+              src="/logo-transparent-md.png"
+              alt={t('login.brand_alt', 'Fotospiel Logo')}
+              className="h-12 w-12 object-contain"
+              loading="lazy"
+            />
           </span>
           <h1 className="text-2xl font-semibold tracking-tight">
-            {t('login.panel_title', t('login.title', 'Event Admin Login'))}
+            {t('login.panel_title', t('login.title', 'Team Login für Fotospiel'))}
           </h1>
           <p className="max-w-sm text-sm text-white/70">
-            {t('login.panel_copy', 'Sign in with your Fotospiel admin credentials to manage your events and galleries.')}
+            {t(
+              'login.panel_copy',
+              'Melde dich an, um Events zu planen, Fotos zu moderieren und Aufgaben im Fotospiel-Team zu koordinieren.'
+            )}
           </p>
         </header>
 
@@ -195,7 +202,7 @@ export default function LoginPage(): JSX.Element {
         </form>
 
         <footer className="text-center text-xs text-white/50">
-          {t('login.support', "Brauchen Sie Hilfe? Schreiben Sie uns an support@fotospiel.de")}
+          {t('login.support', 'Fragen? Schreib uns an support@fotospiel.de oder antworte direkt auf deine Einladung.')}
         </footer>
       </div>
     </div>