1294caa7fa
Complete rebuild of 22-year-old PHP CMS as modern SaaS: Database (15 migrations, 42+ tables): - Foundation: account_settings, audit_log, GDPR register, cms_files - Module Engine: modules, fields, records, permissions, relations + RPC - Members: 45+ field member profiles, departments, roles, honors, SEPA mandates - Courses: courses, sessions, categories, instructors, locations, attendance - Bookings: rooms, guests, bookings with availability - Events: events, registrations, holiday passes - Finance: SEPA batches/items (pain.008/001 XML), invoices - Newsletter: campaigns, templates, recipients, subscriptions - Site Builder: site_pages (Puck JSON), site_settings, cms_posts - Portal Auth: member_portal_invitations, user linking Feature Packages (9): - @kit/module-builder — dynamic low-code CRUD engine - @kit/member-management — 31 API methods, 21 actions, 8 components - @kit/course-management, @kit/booking-management, @kit/event-management - @kit/finance — SEPA XML generator + IBAN validator - @kit/newsletter — campaigns + dispatch - @kit/document-generator — PDF/Excel/Word - @kit/site-builder — Puck visual editor, 15 blocks, public rendering Pages (60+): - Dashboard with real stats from all APIs - Full CRUD for all 8 domains with react-hook-form + Zod - Recharts statistics - German i18n throughout - Member portal with auth + invitation system - Public club websites via Puck at /club/[slug] Infrastructure: - Dockerfile (multi-stage, standalone output) - docker-compose.yml (Supabase self-hosted + Next.js) - Kong API gateway config - .env.production.example
38 lines
1.5 KiB
TypeScript
38 lines
1.5 KiB
TypeScript
import { Card, CardContent, CardHeader, CardTitle } from '@kit/ui/card';
|
|
import { Button } from '@kit/ui/button';
|
|
import { MailX } from 'lucide-react';
|
|
import Link from 'next/link';
|
|
|
|
interface Props { params: Promise<{ slug: string }>; searchParams: Promise<{ token?: string }> }
|
|
|
|
export default async function NewsletterUnsubscribePage({ params, searchParams }: Props) {
|
|
const { slug } = await params;
|
|
const { token } = await searchParams;
|
|
|
|
return (
|
|
<div className="min-h-screen bg-muted/30 flex items-center justify-center p-6">
|
|
<Card className="w-full max-w-md text-center">
|
|
<CardHeader>
|
|
<div className="mx-auto mb-4 flex h-12 w-12 items-center justify-center rounded-full bg-destructive/10">
|
|
<MailX className="h-6 w-6 text-destructive" />
|
|
</div>
|
|
<CardTitle>Newsletter abbestellen</CardTitle>
|
|
</CardHeader>
|
|
<CardContent className="space-y-4">
|
|
{token ? (
|
|
<>
|
|
<p className="text-sm text-muted-foreground">Möchten Sie den Newsletter wirklich abbestellen?</p>
|
|
<Button variant="destructive" className="w-full">Abbestellen bestätigen</Button>
|
|
</>
|
|
) : (
|
|
<p className="text-sm text-muted-foreground">Kein gültiger Abmeldelink. Bitte verwenden Sie den Link aus der Newsletter-E-Mail.</p>
|
|
)}
|
|
<Link href={`/club/${slug}`}>
|
|
<Button variant="outline" size="sm">← Zurück zur Website</Button>
|
|
</Link>
|
|
</CardContent>
|
|
</Card>
|
|
</div>
|
|
);
|
|
}
|