added a help system, replaced the words "tenant" and "Pwa" with better alternatives. corrected and implemented cron jobs. prepared going live on a coolify-powered system.

resources/js/guest/pages/GalleryPage.tsx

@@ -13,11 +13,19 @@ import PhotoLightbox from './PhotoLightbox';
 import { fetchEvent, getEventPackage, fetchStats, type EventData, type EventPackage, type EventStats } from '../services/eventApi';
 import { useTranslation } from '../i18n/useTranslation';
 
+const allowedGalleryFilters: GalleryFilter[] = ['latest', 'popular', 'mine', 'photobooth'];
+
+const parseGalleryFilter = (value: string | null): GalleryFilter =>
+  allowedGalleryFilters.includes(value as GalleryFilter) ? (value as GalleryFilter) : 'latest';
+
 export default function GalleryPage() {
   const { token } = useParams<{ token?: string }>();
   const navigate = useNavigate();
   const { photos, loading, newCount, acknowledgeNew } = usePollGalleryDelta(token ?? '');
-  const [filter, setFilter] = React.useState<GalleryFilter>('latest');
+  const [searchParams, setSearchParams] = useSearchParams();
+  const photoIdParam = searchParams.get('photoId');
+  const modeParam = searchParams.get('mode');
+  const [filter, setFilterState] = React.useState<GalleryFilter>(() => parseGalleryFilter(modeParam));
   const [currentPhotoIndex, setCurrentPhotoIndex] = React.useState<number | null>(null);
   const [hasOpenedPhoto, setHasOpenedPhoto] = useState(false);
 
@@ -28,8 +36,16 @@ export default function GalleryPage() {
   const { t } = useTranslation();
   const locale = typeof window !== 'undefined' ? window.navigator.language : 'de-DE';
 
-  const [searchParams] = useSearchParams();
-  const photoIdParam = searchParams.get('photoId');
+  useEffect(() => {
+    setFilterState(parseGalleryFilter(modeParam));
+  }, [modeParam]);
+
+  const setFilter = React.useCallback((next: GalleryFilter) => {
+    setFilterState(next);
+    const params = new URLSearchParams(searchParams);
+    params.set('mode', next);
+    setSearchParams(params, { replace: true });
+  }, [searchParams, setSearchParams]);
   // Auto-open lightbox if photoId in query params
   useEffect(() => {
     if (photoIdParam && photos.length > 0 && currentPhotoIndex === null && !hasOpenedPhoto) {
@@ -79,6 +95,9 @@ export default function GalleryPage() {
       arr.sort((a: any, b: any) => (b.likes_count ?? 0) - (a.likes_count ?? 0));
     } else if (filter === 'mine') {
       arr = arr.filter((p: any) => myPhotoIds.has(p.id));
+    } else if (filter === 'photobooth') {
+      arr = arr.filter((p: any) => p.ingest_source === 'photobooth');
+      arr.sort((a: any, b: any) => new Date(b.created_at ?? 0).getTime() - new Date(a.created_at ?? 0).getTime());
     } else {
       arr.sort((a: any, b: any) => new Date(b.created_at ?? 0).getTime() - new Date(a.created_at ?? 0).getTime());
     }