soeren/fotospiel-app
1
0
Fork 0
Code Issues Pull Requests Actions 2 Packages Projects Releases Wiki Activity

umfangreiche Behebung von TS-Fehlern. "npm run types" läuft nun ohne Fehler durch

Browse Source
This commit is contained in:
Codex Agent
2025-11-21 07:45:21 +01:00
parent b6f6cdeffe
commit 07fe049b8a
25 changed files with 74 additions and 63 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
resources/js/admin/api.ts
View File

@@ -1021,14 +1021,16 @@ function normalizeGuestNotification(raw: JsonValue): GuestNotificationSummary |
}
const record = raw as Record<string, JsonValue>;
const status = typeof record.status === 'string' ? record.status : null;
const audience = typeof record.audience_scope === 'string' ? record.audience_scope : null;
return {
id: Number(record.id ?? 0),
type: typeof record.type === 'string' ? record.type : 'broadcast',
title: typeof record.title === 'string' ? record.title : '',
body: typeof record.body === 'string' ? record.body : null,
status: (record.status as GuestNotificationSummary['status']) ?? 'active',
audience_scope: (record.audience_scope as GuestNotificationSummary['audience_scope']) ?? 'all',
status: status === 'draft' || status === 'archived' || status === 'active' ? status : 'active',
audience_scope: audience === 'guest' || audience === 'all' ? audience : 'all',
target_identifier: typeof record.target_identifier === 'string' ? record.target_identifier : null,
payload: (record.payload as Record<string, unknown>) ?? null,
priority: Number(record.priority ?? 0),
@@ -1384,7 +1386,7 @@ export async function sendGuestNotification(
body: JSON.stringify(payload),
});
const data = await jsonOrThrow<{ data?: JsonValue }>(response, 'Failed to send guest notification');
return normalizeGuestNotification(data.data ?? {}) ?? normalizeGuestNotification({
const fallback = normalizeGuestNotification({
id: 0,
type: payload.type ?? 'broadcast',
title: payload.title,
@@ -1397,6 +1399,14 @@ export async function sendGuestNotification(
created_at: new Date().toISOString(),
expires_at: null,
});
const normalized = normalizeGuestNotification(data.data ?? {}) ?? fallback;
if (!normalized) {
throw new Error('Failed to normalize guest notification');
}
return normalized;
}
export async function getEventPhotoboothStatus(slug: string): Promise<PhotoboothStatus> {

1
resources/js/admin/auth/context.tsx
View File

@@ -124,7 +124,6 @@ export const AuthProvider: React.FC<{ children: React.ReactNode }> = ({ children
};
},
staleTime: 1000 * 60 * 5,
cacheTime: 1000 * 60 * 30,
retry: 1,
});

4
resources/js/admin/components/UserMenu.tsx
View File

@@ -115,7 +115,7 @@ export function UserMenu() {
<Languages className="h-4 w-4" />
<span>{t('app.languageSwitch')}</span>
</DropdownMenuSubTrigger>
<DropdownMenuSubContent align="end">
<DropdownMenuSubContent>
{SUPPORTED_LANGUAGES.map(({ code, labelKey }) => (
<DropdownMenuItem
key={code}
@@ -137,7 +137,7 @@ export function UserMenu() {
{appearance === 'dark' ? <Moon className="h-4 w-4" /> : appearance === 'light' ? <Sun className="h-4 w-4" /> : <Monitor className="h-4 w-4" />}
<span>{t('app.theme', { defaultValue: 'Darstellung' })}</span>
</DropdownMenuSubTrigger>
<DropdownMenuSubContent align="end">
<DropdownMenuSubContent>
{(['light', 'dark', 'system'] as const).map((mode) => (
<DropdownMenuItem key={mode} onSelect={() => changeAppearance(mode)}>
{mode === 'light' ? <Sun className="h-4 w-4" /> : mode === 'dark' ? <Moon className="h-4 w-4" /> : <Monitor className="h-4 w-4" />}

2
resources/js/admin/context/EventContext.tsx
View File

@@ -40,8 +40,8 @@ export function EventProvider({ children }: { children: React.ReactNode }) {
}
},
staleTime: 60 * 1000,
cacheTime: 5 * 60 * 1000,
enabled: authReady,
initialData: [],
});
const events = authReady ? fetchedEvents : [];

7
resources/js/admin/dev-tools.ts
View File

@@ -57,8 +57,11 @@ if (import.meta.env.DEV || import.meta.env.VITE_ENABLE_TENANT_SWITCHER === 'true
}
}
const api = { loginAs, clients: Object.keys(CREDENTIALS) };
console.info('[DevAuth] Demo tenant helpers ready', api.clients);
const api = {
loginAs,
clients: Object.fromEntries(Object.entries(CREDENTIALS).map(([key, value]) => [key, value.login])),
};
console.info('[DevAuth] Demo tenant helpers ready', Object.keys(api.clients));
(window as typeof window & { fotospielDemoAuth?: typeof api }).fotospielDemoAuth = api;
(globalThis as typeof globalThis & { fotospielDemoAuth?: typeof api }).fotospielDemoAuth = api;

1
resources/js/admin/main.tsx
View File

@@ -21,7 +21,6 @@ const queryClient = new QueryClient({
defaultOptions: {
queries: {
staleTime: 1000 * 60, // 1 minute
cacheTime: 1000 * 60 * 5,
refetchOnWindowFocus: false,
refetchOnReconnect: false,
retry: 1,

2
resources/js/admin/pages/AuthCallbackPage.tsx
View File

@@ -4,7 +4,7 @@ import { useAuth } from '../auth/context';
import { ADMIN_DEFAULT_AFTER_LOGIN_PATH } from '../constants';
import { decodeReturnTo, resolveReturnTarget } from '../lib/returnTo';
export default function AuthCallbackPage(): JSX.Element {
export default function AuthCallbackPage(): React.ReactElement {
const { status } = useAuth();
const navigate = useNavigate();
const [redirected, setRedirected] = React.useState(false);

17
resources/js/admin/pages/DashboardPage.tsx
View File

@@ -463,20 +463,18 @@ export default function DashboardPage() {
: translate('overview.title', 'Kurzer Überblick');
const heroDescription = singleEvent
? translate('overview.eventHero.description', 'Alles richtet sich nach {{event}}. Nächster Termin: {{date}}.', {
event: singleEventName ?? '',
date: singleEventDateLabel ?? translate('overview.eventHero.noDate', 'Noch kein Datum festgelegt'),
})
? translate('overview.eventHero.description', { defaultValue: 'Alles richtet sich nach {{event}}. Nächster Termin: {{date}}.', event: singleEventName ?? '', date: singleEventDateLabel ?? translate('overview.eventHero.noDate', 'Noch kein Datum festgelegt') })
: translate('overview.description', 'Wichtigste Kennzahlen deines Tenants auf einen Blick.');
const heroSupportingCopy = onboardingCompletion === 100 ? onboardingCompletedCopy : onboardingCardDescription;
const heroSupporting = singleEvent
? [
translate('overview.eventHero.supporting.status', 'Status: {{status}}', {
translate('overview.eventHero.supporting.status', {
defaultValue: 'Status: {{status}}',
status: formatEventStatus(singleEvent.status ?? null, tc),
}),
singleEventDateLabel
? translate('overview.eventHero.supporting.date', 'Eventdatum: {{date}}', { date: singleEventDateLabel })
? translate('overview.eventHero.supporting.date', singleEventDateLabel ?? 'Noch kein Datum festgelegt.')
: translate('overview.eventHero.noDate', 'Noch kein Datum festgelegt.'),
].filter(Boolean)
: [heroSupportingCopy];
@@ -636,9 +634,10 @@ export default function DashboardPage() {
const adminTitle = singleEventName ?? greetingTitle;
const adminSubtitle = singleEvent
? translate('overview.eventHero.subtitle', 'Alle Funktionen konzentrieren sich auf dieses Event.', {
date: singleEventDateLabel ?? translate('overview.eventHero.noDate', 'Noch kein Datum festgelegt'),
})
? translate('overview.eventHero.subtitle', {
defaultValue: 'Alle Funktionen konzentrieren sich auf dieses Event.',
date: singleEventDateLabel ?? translate('overview.eventHero.noDate', 'Noch kein Datum festgelegt'),
})
: subtitle;
const heroTitle = adminTitle;

8
resources/js/admin/pages/EventDetailPage.tsx
View File

@@ -704,7 +704,7 @@ function PendingPhotosCard({
return (
<div key={photo.id} className="relative">
<img
src={photo.thumbnail_url ?? photo.url}
src={photo.thumbnail_url ?? photo.url ?? undefined}
alt={photo.caption ?? 'Foto'}
className={`h-24 w-full rounded-lg object-cover ${hidden ? 'opacity-60' : ''}`}
/>
@@ -779,7 +779,7 @@ function RecentUploadsCard({ slug, photos }: { slug: string; photos: TenantPhoto
return (
<div key={photo.id} className="relative">
<img
src={photo.thumbnail_url ?? photo.url}
src={photo.thumbnail_url ?? photo.url ?? undefined}
alt={photo.caption ?? 'Foto'}
className={`h-24 w-full rounded-lg object-cover ${hidden ? 'opacity-60' : ''}`}
/>
@@ -811,7 +811,7 @@ function FeedbackCard({ slug }: { slug: string }) {
const [message, setMessage] = React.useState('');
const [busy, setBusy] = React.useState(false);
const [submitted, setSubmitted] = React.useState(false);
const [error, setError] = React.useState<string | null>(null);
const [error, setError] = React.useState<string | undefined>(undefined);
const copy = {
positive: t('events.feedback.positive', 'Super Lauf!'),
@@ -862,7 +862,7 @@ function FeedbackCard({ slug }: { slug: string }) {
onClick={async () => {
if (busy || submitted) return;
setBusy(true);
setError(null);
setError(undefined);
try {
await submitTenantFeedback({

2
resources/js/admin/pages/EventFormPage.tsx
View File

@@ -99,7 +99,7 @@ export default function EventFormPage() {
const { data: packageOverview, isLoading: overviewLoading } = useQuery({
queryKey: ['tenant', 'packages', 'overview'],
queryFn: getTenantPackagesOverview,
queryFn: () => getTenantPackagesOverview(),
});
const activePackage = packageOverview?.activePackage ?? null;

2
resources/js/admin/pages/EventMembersPage.tsx
View File

@@ -305,7 +305,7 @@ export default function EventMembersPage() {
<Label htmlFor="invite-role">{t('management.members.form.roleLabel', 'Rolle')}</Label>
<Select
value={invite.role}
onValueChange={(value) => setInvite((prev) => ({ ...prev, role: value }))}
onValueChange={(value) => setInvite((prev) => ({ ...prev, role: value as InviteForm['role'] }))}
>
<SelectTrigger id="invite-role">
<SelectValue placeholder={t('management.members.form.rolePlaceholder', 'Rolle wählen')} />

2
resources/js/admin/pages/EventPhotoboothPage.tsx
View File

@@ -159,7 +159,7 @@ export default function EventPhotoboothPage() {
const { event, status, loading, updating, error } = state;
const title = event
? t('management.photobooth.titleForEvent', { defaultValue: 'Fotobox-Uploads verwalten', event: resolveEventName(event) })
? t('management.photobooth.titleForEvent', { defaultValue: 'Fotobox-Uploads verwalten', event: resolveEventName(event.name) })
: t('management.photobooth.title', 'Fotobox-Uploads');
const subtitle = t(
'management.photobooth.subtitle',

6
resources/js/admin/pages/EventPhotosPage.tsx
View File

@@ -28,7 +28,7 @@ export default function EventPhotosPage() {
const [photos, setPhotos] = React.useState<TenantPhoto[]>([]);
const [loading, setLoading] = React.useState(true);
const [error, setError] = React.useState<string | null>(null);
const [error, setError] = React.useState<string | undefined>(undefined);
const [busyId, setBusyId] = React.useState<number | null>(null);
const [limits, setLimits] = React.useState<EventLimitSummary | null>(null);
@@ -38,7 +38,7 @@ export default function EventPhotosPage() {
return;
}
setLoading(true);
setError(null);
setError(undefined);
try {
const result = await getEventPhotos(slug);
setPhotos(result.photos);
@@ -150,7 +150,7 @@ export default function EventPhotosPage() {
{photos.map((photo) => (
<div key={photo.id} className="rounded-2xl border border-white/80 bg-white/90 p-3 shadow-sm">
<div className="relative overflow-hidden rounded-xl">
<img src={photo.thumbnail_url || photo.url} alt={photo.original_name ?? 'Foto'} className="aspect-square w-full object-cover" />
<img src={photo.thumbnail_url ?? photo.url ?? undefined} alt={photo.original_name ?? 'Foto'} className="aspect-square w-full object-cover" />
{photo.is_featured && (
<span className="absolute left-3 top-3 rounded-full bg-pink-500/90 px-3 py-1 text-xs font-semibold text-white shadow">
Featured

6
resources/js/admin/pages/LoginPage.tsx
View File

@@ -46,7 +46,7 @@ type LoginResponse = {
return (await response.json()) as LoginResponse;
}
export default function LoginPage(): JSX.Element {
export default function LoginPage(): React.ReactElement {
const { status, applyToken, abilities } = useAuth();
const { t } = useTranslation('auth');
const location = useLocation();
@@ -95,7 +95,9 @@ export default function LoginPage(): JSX.Element {
},
});
const isSubmitting = (mutation as { isPending?: boolean; isLoading: boolean }).isPending ?? mutation.isLoading;
const isSubmitting = (mutation as { isPending?: boolean; isLoading?: boolean }).isPending
?? (mutation as { isPending?: boolean; isLoading?: boolean }).isLoading
?? false;
const handleSubmit = (event: React.FormEvent<HTMLFormElement>) => {
event.preventDefault();

2
resources/js/admin/pages/LoginStartPage.tsx
View File

@@ -3,7 +3,7 @@ import { useEffect } from 'react';
import { useLocation, useNavigate } from 'react-router-dom';
import { ADMIN_LOGIN_PATH } from '../constants';
export default function LoginStartPage(): JSX.Element {
export default function LoginStartPage(): React.ReactElement {
const location = useLocation();
const navigate = useNavigate();

4
resources/js/admin/pages/components/invite-layout/DesignerCanvas.tsx
View File

@@ -327,14 +327,14 @@ export function DesignerCanvas({
canvas.requestRenderAll();
};
canvas.on('editing:exited', handleEditingExited);
(canvas as any).on('editing:exited', handleEditingExited);
return () => {
canvas.off('selection:created', handleSelection);
canvas.off('selection:updated', handleSelection);
canvas.off('selection:cleared', handleSelectionCleared);
canvas.off('object:modified', handleObjectModified);
canvas.off('editing:exited', handleEditingExited);
(canvas as any).off('editing:exited', handleEditingExited);
};
}, [onChange, onSelect, readOnly]);