From e946443902fe7353df2c09731b2eb441c5c44da4 Mon Sep 17 00:00:00 2001
From: Micha <michabokelmann@web.de>
Date: Wed, 25 Jun 2025 13:11:37 +0200
Subject: [PATCH] feat(events): add event creation page

---
 src/app/(main)/home/page.tsx |  1 +
 src/app/events/new/page.tsx  | 21 +++++++++++++++++++++
 2 files changed, 22 insertions(+)
 create mode 100644 src/app/events/new/page.tsx

diff --git a/src/app/(main)/home/page.tsx b/src/app/(main)/home/page.tsx
index c381c03..66a97d8 100644
--- a/src/app/(main)/home/page.tsx
+++ b/src/app/(main)/home/page.tsx
@@ -15,6 +15,7 @@ export default function Home() {
         </h1>
         <RedirectButton redirectUrl='/logout' buttonText='Logout' />
         <RedirectButton redirectUrl='/settings' buttonText='Settings' />
+        <RedirectButton redirectUrl='/events/new' buttonText='New Event' />
       </div>
     </div>
   );
diff --git a/src/app/events/new/page.tsx b/src/app/events/new/page.tsx
new file mode 100644
index 0000000..2db7ae2
--- /dev/null
+++ b/src/app/events/new/page.tsx
@@ -0,0 +1,21 @@
+import { ThemePicker } from '@/components/misc/theme-picker';
+import { Card, CardContent, CardHeader } from '@/components/ui/card';
+import EventForm from '@/components/forms/event-form';
+import { Suspense } from 'react';
+
+export default function NewEvent() {
+  return (
+    <div className='flex flex-col items-center justify-center h-screen'>
+      <div className='absolute top-4 right-4'>{<ThemePicker />}</div>
+      <Card className='w-[80%] max-w-screen p-0 gap-0 max-xl:w-[95%] max-h-[90vh] overflow-auto'>
+        <CardHeader className='p-0 m-0 gap-0' />
+
+        <CardContent>
+          <Suspense>
+            <EventForm type='create' />
+          </Suspense>
+        </CardContent>
+      </Card>
+    </div>
+  );
+}