feat: pre-existing local changes — fischerei, verband, modules, members, packages

Commits all remaining uncommitted local work: - apps/web: fischerei, verband, modules, members-cms, documents, newsletter, meetings, site-builder, courses, bookings, events, finance pages and components - apps/web: marketing page updates, layout, paths config, next.config.mjs, styles/makerkit.css - apps/web/i18n: documents, fischerei, marketing, verband (de+en) - packages/features: finance, fischerei, member-management, module-builder, newsletter, sitzungsprotokolle, verbandsverwaltung server APIs and components - packages/ui: button.tsx updates - pnpm-lock.yaml
2026-04-02 01:19:54 +02:00
parent a1719671df
commit b26e5aaafa
153 changed files with 2329 additions and 1227 deletions
--- a/apps/web/app/[locale]/home/[account]/courses/[courseId]/attendance/attendance-grid.tsx
+++ b/apps/web/app/[locale]/home/[account]/courses/[courseId]/attendance/attendance-grid.tsx
@@ -69,12 +69,16 @@ export function AttendanceGrid({
          Keine Teilnehmer in diesem Kurs
        </p>
      ) : (
-        <div className="rounded-md border">
-          <table className="w-full text-sm">
+        <div className="overflow-x-auto rounded-md border">
+          <table className="w-full min-w-[640px] text-sm">
            <thead>
              <tr className="bg-muted/50 border-b">
-                <th className="p-3 text-left font-medium">Teilnehmer</th>
-                <th className="p-3 text-center font-medium">Anwesend</th>
+                <th scope="col" className="p-3 text-left font-medium">
+                  Teilnehmer
+                </th>
+                <th scope="col" className="p-3 text-center font-medium">
+                  Anwesend
+                </th>
              </tr>
            </thead>
            <tbody>
--- a/apps/web/app/[locale]/home/[account]/courses/[courseId]/attendance/page.tsx
+++ b/apps/web/app/[locale]/home/[account]/courses/[courseId]/attendance/page.tsx
@@ -1,4 +1,5 @@
 import { ClipboardCheck, Calendar } from 'lucide-react';
+import { getTranslations } from 'next-intl/server';

 import { createCourseManagementApi } from '@kit/course-management/api';
 import { formatDate } from '@kit/shared/dates';
@@ -25,6 +26,7 @@ export default async function AttendancePage({
  const search = await searchParams;
  const client = getSupabaseServerClient();
  const api = createCourseManagementApi(client);
+  const t = await getTranslations('courses');

  const [course, sessions, participants] = await Promise.all([
    api.getCourse(courseId),
@@ -58,10 +60,9 @@ export default async function AttendancePage({
  }));

  return (
-    <CmsPageShell account={account} title="Anwesenheit">
+    <CmsPageShell account={account} title={t('attendance.title')}>
      <div className="flex w-full flex-col gap-6">
        <div>
-          <h1 className="text-2xl font-bold">Anwesenheit</h1>
          <p className="text-muted-foreground">
            {String((course as Record<string, unknown>).name)}
          </p>
@@ -70,14 +71,14 @@ export default async function AttendancePage({
        {sessions.length === 0 ? (
          <EmptyState
            icon={<Calendar className="h-8 w-8" />}
-            title="Keine Termine vorhanden"
-            description="Erstellen Sie zuerst Termine für diesen Kurs."
+            title={t('attendance.noSessions')}
+            description={t('attendance.noSessionsDescription')}
          />
        ) : (
          <>
            <Card>
              <CardHeader>
-                <CardTitle>Termin auswählen</CardTitle>
+                <CardTitle>{t('attendance.selectSession')}</CardTitle>
              </CardHeader>
              <CardContent>
                <div className="flex flex-wrap gap-2">
@@ -107,7 +108,7 @@ export default async function AttendancePage({
              <CardHeader>
                <CardTitle className="flex items-center gap-2">
                  <ClipboardCheck className="h-5 w-5" />
-                  Anwesenheitsliste
+                  {t('attendance.attendanceList')}
                </CardTitle>
              </CardHeader>
              <CardContent>
@@ -119,7 +120,7 @@ export default async function AttendancePage({
                  />
                ) : (
                  <p className="text-muted-foreground py-6 text-center text-sm">
-                    Bitte wählen Sie einen Termin aus
+                    {t('attendance.selectSessionPrompt')}
                  </p>
                )}
              </CardContent>
--- a/apps/web/app/[locale]/home/[account]/courses/[courseId]/create-session-dialog.tsx
+++ b/apps/web/app/[locale]/home/[account]/courses/[courseId]/create-session-dialog.tsx
@@ -39,12 +39,14 @@ export function CreateSessionDialog({ courseId }: Props) {

  return (
    <Dialog open={open} onOpenChange={setOpen}>
-      <DialogTrigger asChild>
-        <Button variant="outline" size="sm">
-          <Plus className="mr-2 h-4 w-4" />
-          Neuer Termin
-        </Button>
-      </DialogTrigger>
+      <DialogTrigger
+        render={
+          <Button variant="outline" size="sm">
+            <Plus className="mr-2 h-4 w-4" aria-hidden="true" />
+            Neuer Termin
+          </Button>
+        }
+      />
      <DialogContent>
        <form
          onSubmit={(e) => {
--- a/apps/web/app/[locale]/home/[account]/courses/[courseId]/delete-course-button.tsx
+++ b/apps/web/app/[locale]/home/[account]/courses/[courseId]/delete-course-button.tsx
@@ -35,17 +35,19 @@ export function DeleteCourseButton({ courseId, accountSlug }: Props) {

  return (
    <AlertDialog>
-      <AlertDialogTrigger asChild>
-        <Button
-          variant="destructive"
-          size="sm"
-          disabled={isPending}
-          data-test="course-cancel-btn"
-        >
-          <Trash2 className="mr-2 h-4 w-4" />
-          Kurs absagen
-        </Button>
-      </AlertDialogTrigger>
+      <AlertDialogTrigger
+        render={
+          <Button
+            variant="destructive"
+            size="sm"
+            disabled={isPending}
+            data-test="course-cancel-btn"
+          >
+            <Trash2 className="mr-2 h-4 w-4" aria-hidden="true" />
+            Kurs absagen
+          </Button>
+        }
+      />
      <AlertDialogContent>
        <AlertDialogHeader>
          <AlertDialogTitle>Kurs absagen?</AlertDialogTitle>
--- a/apps/web/app/[locale]/home/[account]/courses/[courseId]/edit/page.tsx
+++ b/apps/web/app/[locale]/home/[account]/courses/[courseId]/edit/page.tsx
@@ -1,6 +1,7 @@
 import { createCourseManagementApi } from '@kit/course-management/api';
 import { CreateCourseForm } from '@kit/course-management/components';
 import { getSupabaseServerClient } from '@kit/supabase/server-client';
+import { getTranslations } from 'next-intl/server';

 import { AccountNotFound } from '~/components/account-not-found';
 import { CmsPageShell } from '~/components/cms-page-shell';
@@ -11,6 +12,7 @@ interface PageProps {

 export default async function EditCoursePage({ params }: PageProps) {
  const { account, courseId } = await params;
+  const t = await getTranslations('courses');
  const client = getSupabaseServerClient();

  const { data: acct } = await client
@@ -28,7 +30,10 @@ export default async function EditCoursePage({ params }: PageProps) {
  const c = course as Record<string, unknown>;

  return (
-    <CmsPageShell account={account} title={`${String(c.name)} — Bearbeiten`}>
+    <CmsPageShell
+      account={account}
+      title={`${String(c.name)} — ${t('pages.editCourseTitle')}`}
+    >
      <CreateCourseForm
        accountId={acct.id}
        account={account}
--- a/apps/web/app/[locale]/home/[account]/courses/[courseId]/participants/page.tsx
+++ b/apps/web/app/[locale]/home/[account]/courses/[courseId]/participants/page.tsx
@@ -1,6 +1,7 @@
 import Link from 'next/link';

 import { Plus, Users } from 'lucide-react';
+import { getTranslations } from 'next-intl/server';

 import { createCourseManagementApi } from '@kit/course-management/api';
 import { formatDate } from '@kit/shared/dates';
@@ -27,10 +28,10 @@ const STATUS_VARIANT: Record<
  completed: 'outline',
 };

-const STATUS_LABEL: Record<string, string> = {
-  enrolled: 'Angemeldet',
+const ENROLLMENT_STATUS_LABEL: Record<string, string> = {
+  enrolled: 'Eingeschrieben',
  waitlisted: 'Warteliste',
-  cancelled: 'Abgemeldet',
+  cancelled: 'Storniert',
  completed: 'Abgeschlossen',
 };

@@ -38,6 +39,7 @@ export default async function ParticipantsPage({ params }: PageProps) {
  const { account, courseId } = await params;
  const client = getSupabaseServerClient();
  const api = createCourseManagementApi(client);
+  const t = await getTranslations('courses');

  const [course, participants] = await Promise.all([
    api.getCourse(courseId),
@@ -47,45 +49,54 @@ export default async function ParticipantsPage({ params }: PageProps) {
  if (!course) return <AccountNotFound />;

  return (
-    <CmsPageShell account={account} title="Teilnehmer">
+    <CmsPageShell account={account} title={t('participants.title')}>
      <div className="flex w-full flex-col gap-6">
        <div className="flex items-center justify-between">
          <div>
-            <h1 className="text-2xl font-bold">Teilnehmer</h1>
            <p className="text-muted-foreground">
              {String((course as Record<string, unknown>).name)} —{' '}
-              {participants.length} Teilnehmer
+              {participants.length} {t('participants.title')}
            </p>
          </div>
          <Button data-test="participants-add-btn">
            <Plus className="mr-2 h-4 w-4" />
-            Teilnehmer anmelden
+            {t('participants.add')}
          </Button>
        </div>

        {participants.length === 0 ? (
          <EmptyState
            icon={<Users className="h-8 w-8" />}
-            title="Keine Teilnehmer"
-            description="Melden Sie den ersten Teilnehmer für diesen Kurs an."
-            actionLabel="Teilnehmer anmelden"
+            title={t('participants.none')}
+            description={t('participants.noneDescription')}
+            actionLabel={t('participants.add')}
          />
        ) : (
          <Card>
            <CardHeader>
-              <CardTitle>Alle Teilnehmer ({participants.length})</CardTitle>
+              <CardTitle>
+                {t('participants.allTitle', { count: participants.length })}
+              </CardTitle>
            </CardHeader>
            <CardContent>
-              <div className="rounded-md border">
-                <table className="w-full text-sm">
+              <div className="overflow-x-auto rounded-md border">
+                <table className="w-full min-w-[640px] text-sm">
                  <thead>
                    <tr className="bg-muted/50 border-b">
-                      <th className="p-3 text-left font-medium">Name</th>
-                      <th className="p-3 text-left font-medium">E-Mail</th>
-                      <th className="p-3 text-left font-medium">Telefon</th>
-                      <th className="p-3 text-left font-medium">Status</th>
-                      <th className="p-3 text-left font-medium">
-                        Anmeldedatum
+                      <th scope="col" className="p-3 text-left font-medium">
+                        {t('common.name')}
+                      </th>
+                      <th scope="col" className="p-3 text-left font-medium">
+                        {t('common.email')}
+                      </th>
+                      <th scope="col" className="p-3 text-left font-medium">
+                        {t('common.phone')}
+                      </th>
+                      <th scope="col" className="p-3 text-left font-medium">
+                        {t('common.status')}
+                      </th>
+                      <th scope="col" className="p-3 text-left font-medium">
+                        {t('enrollment.registrationDate')}
                      </th>
                    </tr>
                  </thead>
@@ -107,7 +118,8 @@ export default async function ParticipantsPage({ params }: PageProps) {
                              STATUS_VARIANT[String(p.status)] ?? 'secondary'
                            }
                          >
-                            {STATUS_LABEL[String(p.status)] ?? String(p.status)}
+                            {ENROLLMENT_STATUS_LABEL[String(p.status)] ??
+                              String(p.status)}
                          </Badge>
                        </td>
                        <td className="p-3">