-
{posts.length === 0 ? (
diff --git a/packages/features/booking-management/package.json b/packages/features/booking-management/package.json
index 0d1dfe35c..e2d7cbaed 100644
--- a/packages/features/booking-management/package.json
+++ b/packages/features/booking-management/package.json
@@ -35,5 +35,8 @@
"react": "catalog:",
"react-hook-form": "catalog:",
"zod": "catalog:"
+ },
+ "dependencies": {
+ "lucide-react": "catalog:"
}
-}
+}
\ No newline at end of file
diff --git a/packages/features/booking-management/src/components/booking-status-actions.tsx b/packages/features/booking-management/src/components/booking-status-actions.tsx
new file mode 100644
index 000000000..d38a7daee
--- /dev/null
+++ b/packages/features/booking-management/src/components/booking-status-actions.tsx
@@ -0,0 +1,99 @@
+'use client';
+
+import { useAction } from 'next-safe-action/hooks';
+import { useRouter } from 'next/navigation';
+
+import { LogIn, LogOut, XCircle, Loader2 } from 'lucide-react';
+
+import { Button } from '@kit/ui/button';
+import { toast } from '@kit/ui/sonner';
+
+import { updateBookingStatus } from '../server/actions/booking-actions';
+
+interface BookingStatusActionsProps {
+ bookingId: string;
+ status: string;
+}
+
+export function BookingStatusActions({
+ bookingId,
+ status,
+}: BookingStatusActionsProps) {
+ const router = useRouter();
+
+ const action = useAction(updateBookingStatus, {
+ onSuccess: ({ data }) => {
+ if (data?.success) {
+ toast.success('Status aktualisiert');
+ router.refresh();
+ } else {
+ toast.error(data?.error ?? 'Fehler beim Aktualisieren');
+ }
+ },
+ onError: () => {
+ toast.error('Fehler beim Aktualisieren des Status');
+ },
+ });
+
+ const execute = (newStatus: string) =>
+ action.execute({ bookingId, status: newStatus as any });
+
+ if (status === 'cancelled' || status === 'checked_out') {
+ return (
+
+ {status === 'cancelled'
+ ? 'Diese Buchung wurde storniert.'
+ : 'Diese Buchung ist abgeschlossen.'}
+
+ );
+ }
+
+ return (
+
+ {(status === 'pending' || status === 'confirmed') && (
+
+ )}
+
+ {status === 'checked_in' && (
+
+ )}
+
+ {status !== 'cancelled' &&
+ status !== 'checked_out' &&
+ status !== 'no_show' && (
+
+ )}
+
+ );
+}
diff --git a/packages/features/booking-management/src/components/create-guest-dialog.tsx b/packages/features/booking-management/src/components/create-guest-dialog.tsx
new file mode 100644
index 000000000..a8a9e0ed1
--- /dev/null
+++ b/packages/features/booking-management/src/components/create-guest-dialog.tsx
@@ -0,0 +1,80 @@
+'use client';
+
+import { useAction } from 'next-safe-action/hooks';
+import { useRouter } from 'next/navigation';
+import { useState } from 'react';
+
+import { Plus, Loader2 } from 'lucide-react';
+
+import { Button } from '@kit/ui/button';
+import {
+ Dialog,
+ DialogContent,
+ DialogFooter,
+ DialogHeader,
+ DialogTitle,
+ DialogTrigger,
+} from '@kit/ui/dialog';
+import { Input } from '@kit/ui/input';
+import { Label } from '@kit/ui/label';
+import { toast } from '@kit/ui/sonner';
+
+import { createGuest } from '../server/actions/booking-actions';
+
+interface CreateGuestDialogProps {
+ accountId: string;
+}
+
+export function CreateGuestDialog({ accountId }: CreateGuestDialogProps) {
+ const router = useRouter();
+ const [open, setOpen] = useState(false);
+ const [form, setForm] = useState({ firstName: '', lastName: '', email: '', phone: '' });
+
+ const action = useAction(createGuest, {
+ onSuccess: () => {
+ toast.success('Gast erstellt');
+ setOpen(false);
+ setForm({ firstName: '', lastName: '', email: '', phone: '' });
+ router.refresh();
+ },
+ onError: () => toast.error('Fehler beim Erstellen'),
+ });
+
+ return (
+
+ );
+}
diff --git a/packages/features/booking-management/src/components/create-room-dialog.tsx b/packages/features/booking-management/src/components/create-room-dialog.tsx
new file mode 100644
index 000000000..5d84ed3c6
--- /dev/null
+++ b/packages/features/booking-management/src/components/create-room-dialog.tsx
@@ -0,0 +1,88 @@
+'use client';
+
+import { useAction } from 'next-safe-action/hooks';
+import { useRouter } from 'next/navigation';
+import { useState } from 'react';
+
+import { Plus, Loader2 } from 'lucide-react';
+
+import { Button } from '@kit/ui/button';
+import {
+ Dialog,
+ DialogContent,
+ DialogFooter,
+ DialogHeader,
+ DialogTitle,
+ DialogTrigger,
+} from '@kit/ui/dialog';
+import { Input } from '@kit/ui/input';
+import { Label } from '@kit/ui/label';
+import { toast } from '@kit/ui/sonner';
+
+import { createRoom } from '../server/actions/booking-actions';
+
+interface CreateRoomDialogProps {
+ accountId: string;
+}
+
+export function CreateRoomDialog({ accountId }: CreateRoomDialogProps) {
+ const router = useRouter();
+ const [open, setOpen] = useState(false);
+ const [form, setForm] = useState({
+ roomNumber: '',
+ name: '',
+ roomType: 'single',
+ capacity: '2',
+ pricePerNight: '0',
+ });
+
+ const action = useAction(createRoom, {
+ onSuccess: () => {
+ toast.success('Zimmer erstellt');
+ setOpen(false);
+ setForm({ roomNumber: '', name: '', roomType: 'single', capacity: '2', pricePerNight: '0' });
+ router.refresh();
+ },
+ onError: () => toast.error('Fehler beim Erstellen'),
+ });
+
+ return (
+
+ );
+}
diff --git a/packages/features/booking-management/src/components/index.ts b/packages/features/booking-management/src/components/index.ts
index 0f6f4c936..d8b7672e7 100644
--- a/packages/features/booking-management/src/components/index.ts
+++ b/packages/features/booking-management/src/components/index.ts
@@ -1 +1,4 @@
export { CreateBookingForm } from './create-booking-form';
+export { BookingStatusActions } from './booking-status-actions';
+export { CreateRoomDialog } from './create-room-dialog';
+export { CreateGuestDialog } from './create-guest-dialog';
diff --git a/packages/features/course-management/package.json b/packages/features/course-management/package.json
index c44b159dd..51b396c22 100644
--- a/packages/features/course-management/package.json
+++ b/packages/features/course-management/package.json
@@ -35,5 +35,8 @@
"react": "catalog:",
"react-hook-form": "catalog:",
"zod": "catalog:"
+ },
+ "dependencies": {
+ "lucide-react": "catalog:"
}
-}
+}
\ No newline at end of file
diff --git a/packages/features/course-management/src/components/enroll-participant-dialog.tsx b/packages/features/course-management/src/components/enroll-participant-dialog.tsx
new file mode 100644
index 000000000..89747acd4
--- /dev/null
+++ b/packages/features/course-management/src/components/enroll-participant-dialog.tsx
@@ -0,0 +1,97 @@
+'use client';
+
+import { useAction } from 'next-safe-action/hooks';
+import { useRouter } from 'next/navigation';
+import { useState } from 'react';
+
+import { Plus, Loader2 } from 'lucide-react';
+
+import { Button } from '@kit/ui/button';
+import {
+ Dialog,
+ DialogContent,
+ DialogDescription,
+ DialogFooter,
+ DialogHeader,
+ DialogTitle,
+ DialogTrigger,
+} from '@kit/ui/dialog';
+import { Input } from '@kit/ui/input';
+import { Label } from '@kit/ui/label';
+import { toast } from '@kit/ui/sonner';
+
+import { enrollParticipant } from '../server/actions/course-actions';
+
+interface EnrollParticipantDialogProps {
+ courseId: string;
+}
+
+export function EnrollParticipantDialog({ courseId }: EnrollParticipantDialogProps) {
+ const router = useRouter();
+ const [open, setOpen] = useState(false);
+ const [form, setForm] = useState({ firstName: '', lastName: '', email: '', phone: '' });
+
+ const action = useAction(enrollParticipant, {
+ onSuccess: ({ data }) => {
+ if (data?.success) {
+ toast.success('Teilnehmer angemeldet');
+ setOpen(false);
+ setForm({ firstName: '', lastName: '', email: '', phone: '' });
+ router.refresh();
+ } else {
+ toast.error(data?.error ?? 'Fehler bei der Anmeldung');
+ }
+ },
+ onError: () => toast.error('Fehler bei der Anmeldung'),
+ });
+
+ return (
+
+ );
+}
diff --git a/packages/features/course-management/src/components/index.ts b/packages/features/course-management/src/components/index.ts
index a409a92ce..3863b1281 100644
--- a/packages/features/course-management/src/components/index.ts
+++ b/packages/features/course-management/src/components/index.ts
@@ -1 +1,2 @@
export { CreateCourseForm } from './create-course-form';
+export { EnrollParticipantDialog } from './enroll-participant-dialog';
diff --git a/packages/features/event-management/package.json b/packages/features/event-management/package.json
index 4bfd01c45..893767ade 100644
--- a/packages/features/event-management/package.json
+++ b/packages/features/event-management/package.json
@@ -35,5 +35,8 @@
"react": "catalog:",
"react-hook-form": "catalog:",
"zod": "catalog:"
+ },
+ "dependencies": {
+ "lucide-react": "catalog:"
}
-}
+}
\ No newline at end of file
diff --git a/packages/features/event-management/src/components/create-holiday-pass-dialog.tsx b/packages/features/event-management/src/components/create-holiday-pass-dialog.tsx
new file mode 100644
index 000000000..26963e179
--- /dev/null
+++ b/packages/features/event-management/src/components/create-holiday-pass-dialog.tsx
@@ -0,0 +1,106 @@
+'use client';
+
+import { useAction } from 'next-safe-action/hooks';
+import { useRouter } from 'next/navigation';
+import { useState } from 'react';
+
+import { Plus, Loader2 } from 'lucide-react';
+
+import { Button } from '@kit/ui/button';
+import {
+ Dialog,
+ DialogContent,
+ DialogDescription,
+ DialogFooter,
+ DialogHeader,
+ DialogTitle,
+ DialogTrigger,
+} from '@kit/ui/dialog';
+import { Input } from '@kit/ui/input';
+import { Label } from '@kit/ui/label';
+import { toast } from '@kit/ui/sonner';
+
+import { createHolidayPass } from '../server/actions/event-actions';
+
+interface CreateHolidayPassDialogProps {
+ accountId: string;
+}
+
+export function CreateHolidayPassDialog({ accountId }: CreateHolidayPassDialogProps) {
+ const router = useRouter();
+ const [open, setOpen] = useState(false);
+ const currentYear = new Date().getFullYear();
+ const [form, setForm] = useState({ name: '', year: String(currentYear), description: '', price: '0', validFrom: '', validUntil: '' });
+
+ const action = useAction(createHolidayPass, {
+ onSuccess: () => {
+ toast.success('Ferienpass erstellt');
+ setOpen(false);
+ setForm({ name: '', year: String(currentYear), description: '', price: '0', validFrom: '', validUntil: '' });
+ router.refresh();
+ },
+ onError: () => toast.error('Fehler beim Erstellen'),
+ });
+
+ return (
+
+ );
+}
diff --git a/packages/features/event-management/src/components/event-registration-dialog.tsx b/packages/features/event-management/src/components/event-registration-dialog.tsx
new file mode 100644
index 000000000..d327ab97c
--- /dev/null
+++ b/packages/features/event-management/src/components/event-registration-dialog.tsx
@@ -0,0 +1,105 @@
+'use client';
+
+import { useAction } from 'next-safe-action/hooks';
+import { useRouter } from 'next/navigation';
+import { useState } from 'react';
+
+import { UserPlus, Loader2 } from 'lucide-react';
+
+import { Button } from '@kit/ui/button';
+import {
+ Dialog,
+ DialogContent,
+ DialogDescription,
+ DialogFooter,
+ DialogHeader,
+ DialogTitle,
+ DialogTrigger,
+} from '@kit/ui/dialog';
+import { Input } from '@kit/ui/input';
+import { Label } from '@kit/ui/label';
+import { toast } from '@kit/ui/sonner';
+
+import { registerForEvent } from '../server/actions/event-actions';
+
+interface EventRegistrationDialogProps {
+ eventId: string;
+ eventName: string;
+}
+
+export function EventRegistrationDialog({ eventId, eventName }: EventRegistrationDialogProps) {
+ const router = useRouter();
+ const [open, setOpen] = useState(false);
+ const [form, setForm] = useState({ firstName: '', lastName: '', email: '', phone: '', dateOfBirth: '' });
+
+ const action = useAction(registerForEvent, {
+ onSuccess: ({ data }) => {
+ if (data?.success) {
+ toast.success('Anmeldung erfolgreich');
+ setOpen(false);
+ setForm({ firstName: '', lastName: '', email: '', phone: '', dateOfBirth: '' });
+ router.refresh();
+ } else {
+ toast.error(data?.error ?? 'Fehler bei der Anmeldung');
+ }
+ },
+ onError: () => toast.error('Fehler bei der Anmeldung'),
+ });
+
+ return (
+
+ );
+}
diff --git a/packages/features/event-management/src/components/index.ts b/packages/features/event-management/src/components/index.ts
index afcad20f8..7f3181d86 100644
--- a/packages/features/event-management/src/components/index.ts
+++ b/packages/features/event-management/src/components/index.ts
@@ -1 +1,3 @@
export { CreateEventForm } from './create-event-form';
+export { EventRegistrationDialog } from './event-registration-dialog';
+export { CreateHolidayPassDialog } from './create-holiday-pass-dialog';
diff --git a/packages/features/newsletter/package.json b/packages/features/newsletter/package.json
index ac6109f0d..c98cc1038 100644
--- a/packages/features/newsletter/package.json
+++ b/packages/features/newsletter/package.json
@@ -33,5 +33,8 @@
"react": "catalog:",
"react-hook-form": "catalog:",
"zod": "catalog:"
+ },
+ "dependencies": {
+ "lucide-react": "catalog:"
}
-}
+}
\ No newline at end of file
diff --git a/packages/features/newsletter/src/components/create-template-dialog.tsx b/packages/features/newsletter/src/components/create-template-dialog.tsx
new file mode 100644
index 000000000..97d6c7c1e
--- /dev/null
+++ b/packages/features/newsletter/src/components/create-template-dialog.tsx
@@ -0,0 +1,82 @@
+'use client';
+
+import { useAction } from 'next-safe-action/hooks';
+import { useRouter } from 'next/navigation';
+import { useState } from 'react';
+
+import { Plus, Loader2 } from 'lucide-react';
+
+import { Button } from '@kit/ui/button';
+import {
+ Dialog,
+ DialogContent,
+ DialogDescription,
+ DialogFooter,
+ DialogHeader,
+ DialogTitle,
+ DialogTrigger,
+} from '@kit/ui/dialog';
+import { Input } from '@kit/ui/input';
+import { Label } from '@kit/ui/label';
+import { toast } from '@kit/ui/sonner';
+import { Textarea } from '@kit/ui/textarea';
+
+import { createTemplate } from '../server/actions/newsletter-actions';
+
+interface CreateTemplateDialogProps {
+ accountId: string;
+}
+
+export function CreateTemplateDialog({ accountId }: CreateTemplateDialogProps) {
+ const router = useRouter();
+ const [open, setOpen] = useState(false);
+ const [form, setForm] = useState({ name: '', subject: '', bodyHtml: '
Betreff
\n
Inhalt hier...
' });
+
+ const action = useAction(createTemplate, {
+ onSuccess: () => {
+ toast.success('Vorlage erstellt');
+ setOpen(false);
+ setForm({ name: '', subject: '', bodyHtml: '
Betreff
\n
Inhalt hier...
' });
+ router.refresh();
+ },
+ onError: () => toast.error('Fehler beim Erstellen'),
+ });
+
+ return (
+