feat: complete CMS v2 with Docker, Fischerei, Meetings, Verband modules + UX audit fixes

Major changes: - Docker Compose: full Supabase stack (11 services) equivalent to supabase CLI - Fischerei module: 16 DB tables, waters/species/stocking/catch books/competitions - Sitzungsprotokolle module: meeting protocols, agenda items, task tracking - Verbandsverwaltung module: federation management, member clubs, contacts, fees - Per-account module activation via Modules page toggle - Site Builder: live CMS data in Puck blocks (courses, events, membership registration) - Public registration APIs: course signup, event registration, membership application - Document generation: PDF member cards, Excel reports, HTML labels - Landing page: real Com.BISS content (no filler text) - UX audit fixes: AccountNotFound component, shared status badges, confirm dialog, pagination, duplicate heading removal, emoji→badge replacement, a11y fixes - QA: healthcheck fix, API auth fix, enum mismatch fix, password required attribute
2026-03-31 16:35:46 +02:00
parent 16648c92eb
commit ebd0fd4638
176 changed files with 17133 additions and 981 deletions
--- a/apps/web/app/[locale]/home/[account]/finance/invoices/[id]/page.tsx
+++ b/apps/web/app/[locale]/home/[account]/finance/invoices/[id]/page.tsx
@@ -10,6 +10,7 @@ import { Card, CardContent, CardHeader, CardTitle } from '@kit/ui/card';
 import { createFinanceApi } from '@kit/finance/api';

 import { CmsPageShell } from '~/components/cms-page-shell';
+import { AccountNotFound } from '~/components/account-not-found';

 interface PageProps {
  params: Promise<{ account: string; id: string }>;
@@ -49,7 +50,7 @@ export default async function InvoiceDetailPage({ params }: PageProps) {
    .eq('slug', account)
    .single();

-  if (!acct) return <div>Konto nicht gefunden</div>;
+  if (!acct) return <AccountNotFound />;

  const api = createFinanceApi(client);
  const invoice = await api.getInvoiceWithItems(id);
--- a/apps/web/app/[locale]/home/[account]/finance/invoices/new/page.tsx
+++ b/apps/web/app/[locale]/home/[account]/finance/invoices/new/page.tsx
@@ -1,6 +1,7 @@
 import { getSupabaseServerClient } from '@kit/supabase/server-client';
 import { CreateInvoiceForm } from '@kit/finance/components';
 import { CmsPageShell } from '~/components/cms-page-shell';
+import { AccountNotFound } from '~/components/account-not-found';

 interface Props { params: Promise<{ account: string }> }

@@ -8,7 +9,7 @@ export default async function NewInvoicePage({ params }: Props) {
  const { account } = await params;
  const client = getSupabaseServerClient();
  const { data: acct } = await client.from('accounts').select('id').eq('slug', account).single();
-  if (!acct) return <div>Konto nicht gefunden</div>;
+  if (!acct) return <AccountNotFound />;

  return (
    <CmsPageShell account={account} title="Neue Rechnung" description="Rechnung mit Positionen erstellen">
--- a/apps/web/app/[locale]/home/[account]/finance/invoices/page.tsx
+++ b/apps/web/app/[locale]/home/[account]/finance/invoices/page.tsx
@@ -11,30 +11,16 @@ import { createFinanceApi } from '@kit/finance/api';

 import { CmsPageShell } from '~/components/cms-page-shell';
 import { EmptyState } from '~/components/empty-state';
+import { AccountNotFound } from '~/components/account-not-found';
+import {
+  INVOICE_STATUS_VARIANT,
+  INVOICE_STATUS_LABEL,
+} from '~/lib/status-badges';

 interface PageProps {
  params: Promise<{ account: string }>;
 }

-const STATUS_VARIANT: Record<
-  string,
-  'secondary' | 'default' | 'info' | 'outline' | 'destructive'
-> = {
-  draft: 'secondary',
-  sent: 'default',
-  paid: 'info',
-  overdue: 'destructive',
-  cancelled: 'destructive',
-};
-
-const STATUS_LABEL: Record<string, string> = {
-  draft: 'Entwurf',
-  sent: 'Versendet',
-  paid: 'Bezahlt',
-  overdue: 'Überfällig',
-  cancelled: 'Storniert',
-};
-
 const formatCurrency = (amount: unknown) =>
  new Intl.NumberFormat('de-DE', { style: 'currency', currency: 'EUR' }).format(
    Number(amount),
@@ -50,7 +36,7 @@ export default async function InvoicesPage({ params }: PageProps) {
    .eq('slug', account)
    .single();

-  if (!acct) return <div>Konto nicht gefunden</div>;
+  if (!acct) return <AccountNotFound />;

  const api = createFinanceApi(client);
  const invoices = await api.listInvoices(acct.id);
@@ -141,10 +127,10 @@ export default async function InvoicesPage({ params }: PageProps) {
                          <td className="p-3">
                            <Badge
                              variant={
-                                STATUS_VARIANT[status] ?? 'secondary'
+                                INVOICE_STATUS_VARIANT[status] ?? 'secondary'
                              }
                            >
-                              {STATUS_LABEL[status] ?? status}
+                              {INVOICE_STATUS_LABEL[status] ?? status}
                            </Badge>
                          </td>
                        </tr>
--- a/apps/web/app/[locale]/home/[account]/finance/page.tsx
+++ b/apps/web/app/[locale]/home/[account]/finance/page.tsx
@@ -1,6 +1,6 @@
 import Link from 'next/link';

-import { Landmark, FileText, Euro, ArrowRight } from 'lucide-react';
+import { Landmark, FileText, Euro, ArrowRight, Plus } from 'lucide-react';

 import { getSupabaseServerClient } from '@kit/supabase/server-client';
 import { Badge } from '@kit/ui/badge';
@@ -12,49 +12,18 @@ import { createFinanceApi } from '@kit/finance/api';
 import { CmsPageShell } from '~/components/cms-page-shell';
 import { EmptyState } from '~/components/empty-state';
 import { StatsCard } from '~/components/stats-card';
+import { AccountNotFound } from '~/components/account-not-found';
+import {
+  BATCH_STATUS_VARIANT,
+  BATCH_STATUS_LABEL,
+  INVOICE_STATUS_VARIANT,
+  INVOICE_STATUS_LABEL,
+} from '~/lib/status-badges';

 interface PageProps {
  params: Promise<{ account: string }>;
 }

-const BATCH_STATUS_VARIANT: Record<
-  string,
-  'secondary' | 'default' | 'info' | 'outline' | 'destructive'
-> = {
-  draft: 'secondary',
-  ready: 'default',
-  submitted: 'info',
-  completed: 'outline',
-  failed: 'destructive',
-};
-
-const BATCH_STATUS_LABEL: Record<string, string> = {
-  draft: 'Entwurf',
-  ready: 'Bereit',
-  submitted: 'Eingereicht',
-  completed: 'Abgeschlossen',
-  failed: 'Fehlgeschlagen',
-};
-
-const INVOICE_STATUS_VARIANT: Record<
-  string,
-  'secondary' | 'default' | 'info' | 'outline' | 'destructive'
-> = {
-  draft: 'secondary',
-  sent: 'default',
-  paid: 'info',
-  overdue: 'destructive',
-  cancelled: 'destructive',
-};
-
-const INVOICE_STATUS_LABEL: Record<string, string> = {
-  draft: 'Entwurf',
-  sent: 'Versendet',
-  paid: 'Bezahlt',
-  overdue: 'Überfällig',
-  cancelled: 'Storniert',
-};
-
 export default async function FinancePage({ params }: PageProps) {
  const { account } = await params;
  const client = getSupabaseServerClient();
@@ -65,7 +34,7 @@ export default async function FinancePage({ params }: PageProps) {
    .eq('slug', account)
    .single();

-  if (!acct) return <div>Konto nicht gefunden</div>;
+  if (!acct) return <AccountNotFound />;

  const api = createFinanceApi(client);

@@ -89,11 +58,27 @@ export default async function FinancePage({ params }: PageProps) {
    <CmsPageShell account={account} title="Finanzen">
      <div className="flex w-full flex-col gap-6">
        {/* Header */}
-        <div>
-          <h1 className="text-2xl font-bold">Finanzen</h1>
-          <p className="text-muted-foreground">
-            SEPA-Einzüge und Rechnungen
-          </p>
+        <div className="flex items-center justify-between">
+          <div>
+            <h1 className="text-2xl font-bold">Finanzen</h1>
+            <p className="text-muted-foreground">
+              SEPA-Einzüge und Rechnungen
+            </p>
+          </div>
+          <div className="flex gap-2">
+            <Link href={`/home/${account}/finance/invoices/new`}>
+              <Button variant="outline">
+                <Plus className="mr-2 h-4 w-4" />
+                Neue Rechnung
+              </Button>
+            </Link>
+            <Link href={`/home/${account}/finance/sepa/new`}>
+              <Button>
+                <Plus className="mr-2 h-4 w-4" />
+                Neuer SEPA-Einzug
+              </Button>
+            </Link>
+          </div>
        </div>

        {/* Stats */}
@@ -147,7 +132,7 @@ export default async function FinancePage({ params }: PageProps) {
                    </tr>
                  </thead>
                  <tbody>
-                    {batches.slice(0, 5).map((batch: Record<string, unknown>) => (
+                    {batches.map((batch: Record<string, unknown>) => (
                      <tr
                        key={String(batch.id)}
                        className="border-b hover:bg-muted/30"
@@ -219,7 +204,7 @@ export default async function FinancePage({ params }: PageProps) {
                    </tr>
                  </thead>
                  <tbody>
-                    {invoices.slice(0, 5).map((invoice: Record<string, unknown>) => (
+                    {invoices.map((invoice: Record<string, unknown>) => (
                      <tr
                        key={String(invoice.id)}
                        className="border-b hover:bg-muted/30"
--- a/apps/web/app/[locale]/home/[account]/finance/payments/page.tsx
+++ b/apps/web/app/[locale]/home/[account]/finance/payments/page.tsx
@@ -11,6 +11,7 @@ import { createFinanceApi } from '@kit/finance/api';

 import { CmsPageShell } from '~/components/cms-page-shell';
 import { StatsCard } from '~/components/stats-card';
+import { AccountNotFound } from '~/components/account-not-found';

 interface PageProps {
  params: Promise<{ account: string }>;
@@ -31,7 +32,7 @@ export default async function PaymentsPage({ params }: PageProps) {
    .eq('slug', account)
    .single();

-  if (!acct) return <div>Konto nicht gefunden</div>;
+  if (!acct) return <AccountNotFound />;

  const api = createFinanceApi(client);

--- a/apps/web/app/[locale]/home/[account]/finance/sepa/[batchId]/page.tsx
+++ b/apps/web/app/[locale]/home/[account]/finance/sepa/[batchId]/page.tsx
@@ -10,6 +10,7 @@ import { Card, CardContent, CardHeader, CardTitle } from '@kit/ui/card';
 import { createFinanceApi } from '@kit/finance/api';

 import { CmsPageShell } from '~/components/cms-page-shell';
+import { AccountNotFound } from '~/components/account-not-found';

 interface PageProps {
  params: Promise<{ account: string; batchId: string }>;
@@ -64,7 +65,7 @@ export default async function SepaBatchDetailPage({ params }: PageProps) {
    .eq('slug', account)
    .single();

-  if (!acct) return <div>Konto nicht gefunden</div>;
+  if (!acct) return <AccountNotFound />;

  const api = createFinanceApi(client);

--- a/apps/web/app/[locale]/home/[account]/finance/sepa/new/page.tsx
+++ b/apps/web/app/[locale]/home/[account]/finance/sepa/new/page.tsx
@@ -2,6 +2,7 @@ import { getSupabaseServerClient } from '@kit/supabase/server-client';

 import { CreateSepaBatchForm } from '@kit/finance/components';
 import { CmsPageShell } from '~/components/cms-page-shell';
+import { AccountNotFound } from '~/components/account-not-found';

 interface Props {
  params: Promise<{ account: string }>;
@@ -17,7 +18,7 @@ export default async function NewSepaBatchPage({ params }: Props) {
    .eq('slug', account)
    .single();

-  if (!acct) return <div>Konto nicht gefunden</div>;
+  if (!acct) return <AccountNotFound />;

  return (
    <CmsPageShell account={account} title="Neuer SEPA-Einzug" description="SEPA-Lastschrifteinzug erstellen">
--- a/apps/web/app/[locale]/home/[account]/finance/sepa/page.tsx
+++ b/apps/web/app/[locale]/home/[account]/finance/sepa/page.tsx
@@ -11,30 +11,16 @@ import { createFinanceApi } from '@kit/finance/api';

 import { CmsPageShell } from '~/components/cms-page-shell';
 import { EmptyState } from '~/components/empty-state';
+import { AccountNotFound } from '~/components/account-not-found';
+import {
+  BATCH_STATUS_VARIANT,
+  BATCH_STATUS_LABEL,
+} from '~/lib/status-badges';

 interface PageProps {
  params: Promise<{ account: string }>;
 }

-const STATUS_VARIANT: Record<
-  string,
-  'secondary' | 'default' | 'info' | 'outline' | 'destructive'
-> = {
-  draft: 'secondary',
-  ready: 'default',
-  submitted: 'info',
-  completed: 'outline',
-  failed: 'destructive',
-};
-
-const STATUS_LABEL: Record<string, string> = {
-  draft: 'Entwurf',
-  ready: 'Bereit',
-  submitted: 'Eingereicht',
-  completed: 'Abgeschlossen',
-  failed: 'Fehlgeschlagen',
-};
-
 const formatCurrency = (amount: unknown) =>
  new Intl.NumberFormat('de-DE', { style: 'currency', currency: 'EUR' }).format(
    Number(amount),
@@ -50,7 +36,7 @@ export default async function SepaPage({ params }: PageProps) {
    .eq('slug', account)
    .single();

-  if (!acct) return <div>Konto nicht gefunden</div>;
+  if (!acct) return <AccountNotFound />;

  const api = createFinanceApi(client);
  const batches = await api.listBatches(acct.id);
@@ -115,10 +101,10 @@ export default async function SepaPage({ params }: PageProps) {
                        <td className="p-3">
                          <Badge
                            variant={
-                              STATUS_VARIANT[String(batch.status)] ?? 'secondary'
+                              BATCH_STATUS_VARIANT[String(batch.status)] ?? 'secondary'
                            }
                          >
-                            {STATUS_LABEL[String(batch.status)] ??
+                            {BATCH_STATUS_LABEL[String(batch.status)] ??
                              String(batch.status)}
                          </Badge>
                        </td>