photo visibility for demo events, hardened the demo mode. fixed dark/light mode toggle and notification bell toggle. fixed photo upload page sizes & header visibility.

resources/js/guest/hooks/useDirectUpload.ts

@@ -4,6 +4,10 @@ import { uploadPhoto, type UploadError } from '../services/photosApi';
 import { useGuestIdentity } from '../context/GuestIdentityContext';
 import { useGuestTaskProgress } from '../hooks/useGuestTaskProgress';
 import { resolveUploadErrorDialog, type UploadErrorDialog } from '../lib/uploadErrorDialog';
+import { notify } from '../queue/notify';
+import { useTranslation } from '../i18n/useTranslation';
+import { isGuestDemoModeEnabled } from '../demo/demoMode';
+import { useEventData } from './useEventData';
 
 type DirectUploadResult = {
   success: boolean;
@@ -23,6 +27,8 @@ type UseDirectUploadOptions = {
 export function useDirectUpload({ eventToken, taskId, emotionSlug, onCompleted }: UseDirectUploadOptions) {
   const { name } = useGuestIdentity();
   const { markCompleted } = useGuestTaskProgress(eventToken);
+  const { event } = useEventData();
+  const { t } = useTranslation();
   const [uploading, setUploading] = useState(false);
   const [progress, setProgress] = useState(0);
   const [warning, setWarning] = useState<string | null>(null);
@@ -66,6 +72,13 @@ export function useDirectUpload({ eventToken, taskId, emotionSlug, onCompleted }
   const upload = useCallback(
     async (file: File): Promise<DirectUploadResult> => {
       if (!canUpload || uploading) return { success: false, warning, error };
+      if (isGuestDemoModeEnabled() || event?.demo_read_only) {
+        const demoMessage = t('upload.demoReadOnly', 'Uploads sind in der Demo deaktiviert.');
+        setError(demoMessage);
+        setWarning(null);
+        notify(demoMessage, 'error');
+        return { success: false, warning, error: demoMessage };
+      }
       const preparedResult = await preparePhoto(file);
       if (!preparedResult.ok) {
         return { success: false, warning, error };
@@ -115,6 +128,10 @@ export function useDirectUpload({ eventToken, taskId, emotionSlug, onCompleted }
         setError(dialog?.description ?? uploadErr.message ?? 'Upload fehlgeschlagen.');
         setWarning(null);
 
+        if (uploadErr.code === 'demo_read_only') {
+          notify(t('upload.demoReadOnly', 'Uploads sind in der Demo deaktiviert.'), 'error');
+        }
+
         if (
           uploadErr.code === 'photo_limit_exceeded'
           || uploadErr.code === 'upload_device_limit'