added markdown notes for events

app/(auth)/events/[eventId]/page.tsx

@@ -1,6 +1,5 @@
 /* eslint-disable @typescript-eslint/ban-ts-comment */
 import EventInfoDisplay from '@/components/EventInfoDisplay'
-import HeadingWithEdit from '@/components/HeadingWithEdit'
 import { queries } from '@/lib/queries'
 import React from 'react'
 

app/api/events/[eventId]/route.ts

@@ -13,7 +13,12 @@ export async function PATCH(req: NextRequest, { params }: { params: { eventId: s
     const body = await req.json();
 
     try {
-        const updated = await mutations.updateEvent(eventId, body);
+        const updated = await mutations.updateEvent(eventId, {
+            name: body.name,
+            date: body.date,
+            location: body.location,
+            notes: body.notes,
+        });
         return NextResponse.json(updated);
     } catch (error) {
         console.error('[PATCH EVENT]', error);

app/globals.css

@@ -1,4 +1,5 @@
 @import "tailwindcss";
+@plugin "@tailwindcss/typography";
 
 @theme {
     --color-background: #fff5eb;
@@ -75,4 +76,36 @@
 
 .btn-primary{
     @apply bg-brand-primary text-brand-background border-0 hover:bg-brand-primary-500 transition-colors duration-300
-}
+}
+
+.prose h1 {
+    @apply text-2xl font-bold m-0 p-0
+}
+
+.prose h2 {
+    @apply text-xl font-bold m-0 p-0
+}
+
+.prose p {
+    @apply p-0 m-0
+}
+
+.prose a {
+    @apply text-brand-primary-500 
+}
+
+.input {
+  @apply block w-full px-4 py-2 rounded-md text-sm text-gray-900 bg-white border border-gray-300 shadow-sm placeholder-gray-400 focus:outline-none focus:ring-2 focus:ring-brand-primary-500 focus:border-brand-primary-500;
+}
+
+.input-bordered {
+    @apply border border-gray-300;
+}
+
+.textarea {
+  @apply block w-full px-4 py-2 rounded-md text-sm text-gray-900 bg-white border border-gray-300 shadow-sm placeholder-gray-400 resize-y min-h-[100px] focus:outline-none focus:ring-2 focus:ring-brand-primary-500 focus:border-brand-primary-500;
+}
+
+.textarea-bordered {
+  @apply border border-gray-300;
+}