Show User posted events on user profile

app/events/[eventId]/page.tsx

@@ -51,7 +51,7 @@ export default async function EventPage(props: Props) {
         <br />
         {singleEvent.organizerUrl}
         <br />
-        {singleEvent.entryFee}
+        <p>€{singleEvent.entryFee}</p>
         <br />
       </div>
       <div>

app/profile/[username]/UserPostedEvents.tsx

@@ -0,0 +1,32 @@
+import Link from 'next/link';
+import { SiteEvent } from '../../../database/events';
+import { User } from '../../../database/users';
+
+type Prop = {
+  events: SiteEvent[];
+  user: Pick<User, 'username'>;
+};
+
+export default function UserPostedEvents(props: Prop) {
+  return (
+    <>
+      <h2> Posted Events for {props.user.username}</h2>
+
+      <div>
+        <div>
+          {props.events.length === 0 ? (
+            'No Events posted yet'
+          ) : (
+            <ul>
+              {props.events.map((event) => (
+                <li key={`events-${event.id}`}>
+                  <Link href={`/events/${event.id}`}>{event.name}</Link>
+                </li>
+              ))}
+            </ul>
+          )}
+        </div>
+      </div>
+    </>
+  );
+}

app/profile/[username]/page.tsx

@@ -1,7 +1,9 @@
 import { cookies } from 'next/headers';
 import { redirect } from 'next/navigation';
+import { getEvents } from '../../../database/events';
 import { getUser } from '../../../database/users';
 import DeleteProfileForm from './DeleteProfileForm'; // Import the client component
+import UserPostedEvents from './UserPostedEvents';
 
 type Props = {
   params: {
@@ -21,10 +23,16 @@ export default async function UserProfilePage(props: Props) {
     redirect('/login');
   }
 
+  const events = await getEvents(sessionCookie.value);
+
   // 4. If user exists, render the page and include the DeleteProfileForm component
   return (
     <>
       <h1>{props.params.username}'s Profile</h1>
+      <br />
+      <UserPostedEvents user={user} events={events} />
+      <br />
+      <br />
       <DeleteProfileForm sessionToken={sessionCookie.value} />
     </>
   );