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

neuer demo tenant switcher + demo tenants mit eigenem artisan command. Event Admin überarbeitet, aber das ist nur ein Zwischenstand.

Browse Source
This commit is contained in:
Codex Agent
2025-11-25 09:47:39 +01:00
parent 8947a37261
commit fd788ef770
22 changed files with 1096 additions and 299 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
resources/js/admin/components/CommandShelf.tsx
View File

@@ -56,7 +56,7 @@ function formatNumber(value?: number | null): string {
}
export function CommandShelf() {
const { events, activeEvent, isLoading } = useEventContext();
const { events, activeEvent, isLoading, isError, refetch } = useEventContext();
const { t, i18n } = useTranslation('common');
const navigate = useNavigate();
const [mobileShelfOpen, setMobileShelfOpen] = React.useState(false);
@@ -85,25 +85,30 @@ export function CommandShelf() {
);
}
if (!events.length) {
if (isError) {
return (
<section className="border-b border-slate-200/80 bg-white/80 px-4 py-4 backdrop-blur-sm dark:border-white/10 dark:bg-slate-950/70">
<div className="mx-auto flex w-full max-w-6xl flex-col gap-3 rounded-3xl border border-dashed border-rose-200/60 bg-white/70 p-5 text-center dark:border-white/10 dark:bg-white/5">
<Sparkles className="mx-auto h-6 w-6 text-rose-500 dark:text-rose-200" />
<p className="text-sm font-semibold text-slate-800 dark:text-white">
{t('commandShelf.empty.title', 'Starte mit deinem ersten Event')}
</p>
<p className="text-xs text-slate-500 dark:text-slate-300">
{t('commandShelf.empty.hint', 'Erstelle ein Event, dann bündeln wir hier deine wichtigsten Tools.')}
</p>
<div className="flex justify-center">
<div className="mx-auto flex w-full max-w-6xl flex-col gap-3 rounded-3xl border border-amber-200/70 bg-amber-50/70 p-5 dark:border-amber-200/20 dark:bg-amber-500/10">
<div className="flex items-start gap-3">
<AlertTriangle className="h-5 w-5 text-amber-500" />
<div className="space-y-1">
<p className="text-sm font-semibold text-slate-800 dark:text-white">
{t('commandShelf.error.title', 'Events konnten nicht geladen werden')}
</p>
<p className="text-xs text-slate-600 dark:text-slate-200">
{t('commandShelf.error.hint', 'Bitte versuche es erneut oder lade die Seite neu.')}
</p>
</div>
</div>
<div className="flex flex-wrap justify-between gap-3">
<EventSwitcher compact />
<Button
size="sm"
variant="outline"
className="rounded-full"
onClick={() => navigate(ADMIN_EVENT_CREATE_PATH)}
onClick={() => refetch()}
>
<PlusCircle className="mr-2 h-4 w-4" />
{t('commandShelf.empty.cta', 'Event anlegen')}
{t('commandShelf.error.retry', 'Erneut laden')}
</Button>
</div>
</div>
@@ -111,6 +116,11 @@ export function CommandShelf() {
);
}
if (!events.length) {
// Hide the empty hero entirely; dashboard content already handles the zero-events case.
return null;
}
if (!activeEvent) {
return (
<section className="border-b border-slate-200/80 bg-white/80 px-4 py-4 backdrop-blur-sm dark:border-white/10 dark:bg-slate-950/70">