editing event data

app/(auth)/dashboard/page.tsx

@@ -18,8 +18,8 @@ export default async function DashboardPage() {
                             <p>Name: <strong>{item.name}</strong></p>
                             <p>Date: {item.date ? item.date.toISOString() : 'null'}</p>
                             <p>Location: {item.location ? item.location : 'null'}</p>
-                            <p>Creator ID:{item.creatorId}</p>
-                            <p>Created At:{item.createdAt.toISOString()}</p>
+                            <p>Created By: {item.creator.username}</p>
+                            <p>Created At: {item.createdAt.toISOString()}</p>
                             
                         </div>
                     </Link>

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

@@ -1,15 +1,24 @@
+/* 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'
 
 export default async function SingleEventPage({ params }: { params: { eventId: string }}) {
-    console.log(params)
     const data = await queries.singleEvent(params.eventId)
+    console.log(data)
     
     return (
         <div>
-            <h1 className='text-4xl font-bold'>
-                {data?.name}
-            </h1>
+            {data ? (
+                // @ts-ignore
+                <EventInfoDisplay event={data} />
+            ) : (
+                <p className="text-center text-gray-500 mt-10">Event not found.</p>
+            )}
+            {data?.name && (
+                <HeadingWithEdit title={data?.name} eventId={data.id} />
+            )}
         </div>
     )
 }