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

event admin verfeinert und UI reduziert.

Browse Source
This commit is contained in:
Codex Agent
2025-11-25 15:50:34 +01:00
parent 596dcbf18a
commit 4d31eb4d42
6 changed files with 245 additions and 360 deletions
Download Patch File Download Diff File Expand all files Collapse all files

39
resources/js/admin/components/dashboard/DashboardEventFocusCard.tsx
View File

@@ -106,6 +106,7 @@ export function DashboardEventFocusCard({
description: t('actions.photosHint', 'Neueste Uploads ansehen und verstecken.'),
icon: Camera,
handler: onOpenPhotos,
disabled: !isLive,
},
{
key: 'invites',
@@ -130,8 +131,6 @@ export function DashboardEventFocusCard({
},
];
const latestUploads = summary?.new_photos ?? 0;
return (
<div className="space-y-4">
<Card className="border border-slate-200 bg-white/90 shadow-lg shadow-rose-100/40 dark:border-white/10 dark:bg-white/5">
@@ -172,11 +171,11 @@ export function DashboardEventFocusCard({
</div>
</CardHeader>
<CardContent className="space-y-6">
<div className="grid gap-3 sm:grid-cols-2 lg:grid-cols-4">
<div className="grid gap-2 sm:grid-cols-2 lg:grid-cols-4">
{overviewStats.map((stat) => (
<div key={stat.key} className="rounded-2xl border border-slate-200 bg-white/80 p-4 text-sm text-slate-600 dark:border-white/10 dark:bg-white/5">
<p className="text-xs uppercase tracking-wide text-slate-500 dark:text-slate-300">{stat.label}</p>
<p className="mt-2 text-2xl font-semibold text-slate-900 dark:text-white">{stat.value}</p>
<div key={stat.key} className="rounded-2xl border border-slate-200 bg-white/80 p-3 text-xs text-slate-600 dark:border-white/10 dark:bg-white/5">
<p className="text-[11px] uppercase tracking-wide text-slate-500 dark:text-slate-300">{stat.label}</p>
<p className="mt-1 text-lg font-semibold text-slate-900 dark:text-white">{stat.value}</p>
</div>
))}
</div>
@@ -187,7 +186,8 @@ export function DashboardEventFocusCard({
key={action.key}
type="button"
onClick={action.handler}
className="flex items-start gap-3 rounded-2xl border border-slate-200 bg-white/90 p-4 text-left transition hover:border-rose-200 hover:bg-rose-50 dark:border-white/10 dark:bg-white/5"
disabled={action.disabled}
className="flex items-start gap-3 rounded-2xl border border-slate-200 bg-white/90 p-4 text-left transition hover:border-rose-200 hover:bg-rose-50 disabled:cursor-not-allowed disabled:opacity-60 dark:border-white/10 dark:bg-white/5"
>
<action.icon className="mt-1 h-5 w-5 text-rose-500 dark:text-rose-200" />
<div>
@@ -197,31 +197,6 @@ export function DashboardEventFocusCard({
</button>
))}
</div>
<div className="grid gap-3 md:grid-cols-2">
<div className="rounded-2xl border border-slate-200 bg-sky-50 p-4 text-slate-800 shadow-inner shadow-sky-100 dark:border-white/10 dark:bg-white/10 dark:text-white">
<p className="text-xs uppercase tracking-[0.3em] text-slate-500">{t('latestUploads.title', 'Neueste Uploads')}</p>
<p className="mt-2 text-3xl font-semibold">{latestUploads}</p>
<p className="text-xs text-slate-600 dark:text-slate-300">{t('latestUploads.hint', 'Gerade eingetroffen – prüfe sie schnell.')}</p>
<Button size="sm" variant="secondary" className="mt-4" onClick={onOpenPhotos}>
{t('actions.photos', 'Uploads prüfen')}
</Button>
</div>
<div className="rounded-2xl border border-slate-200 bg-white/80 p-4 text-slate-800 shadow-inner shadow-slate-100 dark:border-white/10 dark:bg-white/5 dark:text-white">
<p className="text-xs uppercase tracking-[0.3em] text-slate-500">{t('invitesCard.title', 'Galerie & Einladungen')}</p>
<p className="mt-2 text-sm text-slate-600 dark:text-slate-200">
{t('invitesCard.description', 'Kopiere den Gästelink oder exportiere QR-Karten.')}
</p>
<div className="mt-3 flex flex-wrap gap-2">
<Button size="sm" variant="outline" onClick={onOpenInvites}>
{t('invitesCard.cta', 'Links verwalten')}
</Button>
<Button size="sm" variant="ghost" onClick={onOpenPhotobooth}>
{t('invitesCard.secondaryCta', 'Photobooth öffnen')}
</Button>
</div>
</div>
</div>
</CardContent>
</Card>