From 7a981a5a5662e7f05fb9384423b0c449642e623a Mon Sep 17 00:00:00 2001
From: Johanne Blikberg Herheim <joher2128@uib.no>
Date: Sat, 29 Mar 2025 21:09:45 +0100
Subject: [PATCH] Add my events

---
 app/event/[slug]/page.tsx |  37 +++++-
 app/lib/authOptions.ts    |  25 +++--
 app/profile/[id]/page.tsx |  29 ++++-
 components/types/post.ts  | 231 ++++++++++++++++++++++++++++++++++----
 components/types/user.ts  |  43 +++++++
 5 files changed, 328 insertions(+), 37 deletions(-)
 create mode 100644 components/types/user.ts

diff --git a/app/event/[slug]/page.tsx b/app/event/[slug]/page.tsx
index c5be566..2100d72 100644
--- a/app/event/[slug]/page.tsx
+++ b/app/event/[slug]/page.tsx
@@ -3,6 +3,7 @@ import { formatDateWithDay, formatTime } from "@/components/lib/date-utils";
 import { Event, getEventById } from "@/components/types/post";
 import { Button } from "@/components/ui/button";
 import { Calendar, Clock, User } from "lucide-react";
+import { useSession } from "next-auth/react";
 import { usePathname } from "next/navigation";
 import { useState } from "react";
 
@@ -74,13 +75,31 @@ function EventButtons() {
   );
 }
 
+type Comment = {
+  user: string;
+  text: string;
+  time: string;
+};
+
 function CommentSection() {
-  const [comments, setComments] = useState<string[]>([]);
+  const [comments, setComments] = useState<Comment[]>([]);
   const [newComment, setNewComment] = useState("");
+  const { data: session } = useSession();
+  const user = session?.user;
 
   const handleAddComment = () => {
-    if (newComment.trim() === "") return;
-    setComments((prev) => [...prev, newComment.trim()]);
+    if (newComment.trim() === "" || !user) return;
+
+    const newCommentObj: Comment = {
+      user: user.name || "Anonym",
+      text: newComment.trim(),
+      time: new Date().toLocaleString("no-NO", {
+        dateStyle: "short",
+        timeStyle: "short",
+      }),
+    };
+
+    setComments((prev) => [...prev, newCommentObj]);
     setNewComment("");
   };
 
@@ -93,7 +112,17 @@ function CommentSection() {
             key={index}
             className="bg-primary p-2 rounded-md shadow-md text-sm"
           >
-            {comment}
+            <div className="flex">
+              <div className="w-8 h-8 inline-block mr-2 bg-background rounded-full relative">
+                <User className="absolute mx-auto size-3 w-full h-full my-auto p-1" />
+              </div>
+              <div>
+                <p className="font-semibold">{comment.user}</p>
+                <p className="text-xs text-gray-500 mb-2">{comment.time}</p>
+              </div>
+            </div>
+
+            <p>{comment.text}</p>
           </div>
         ))}
       </div>
diff --git a/app/lib/authOptions.ts b/app/lib/authOptions.ts
index f42ed9c..1debbe6 100644
--- a/app/lib/authOptions.ts
+++ b/app/lib/authOptions.ts
@@ -1,3 +1,4 @@
+import { users } from "@/components/types/user";
 import { NextAuthOptions } from "next-auth";
 import CredentialsProvider from "next-auth/providers/credentials";
 
@@ -10,19 +11,23 @@ export const authOptions: NextAuthOptions = {
         password: { label: "Password", type: "password" },
       },
       async authorize(credentials) {
-        const user = {
-          id: "1",
-          name: "Ole Brumm",
-          email: "OleBrumm@example.com",
-        };
+        if (!credentials?.email || !credentials?.password) {
+          return null;
+        }
+
+        // Søk etter brukeren i listen basert på e-post og passord
+        const user = users.find(
+          (user) =>
+            user.email === credentials.email &&
+            user.password === credentials.password
+        );
 
-        if (
-          credentials?.email === "OleBrumm@example.com" &&
-          credentials?.password === "pass123"
-        ) {
-          return user;
+        // Hvis brukeren finnes, returner brukerobjektet
+        if (user) {
+          return { id: user.id, name: user.name, email: user.email };
         }
 
+        // Hvis ingen match finnes, returner null
         return null;
       },
     }),
diff --git a/app/profile/[id]/page.tsx b/app/profile/[id]/page.tsx
index 7631cfe..742d9de 100644
--- a/app/profile/[id]/page.tsx
+++ b/app/profile/[id]/page.tsx
@@ -1,18 +1,39 @@
 "use client";
+import { Post } from "@/components/posts";
+import { posts } from "@/components/types/post";
 import { Button } from "@/components/ui/button";
 import { signOut, useSession } from "next-auth/react";
+import Link from "next/link";
 
 export default function ProfilePage() {
-  const user = { id: 1, name: "Ole Brumm", email: "ole@brumm.no" };
   const { data: session } = useSession();
 
+  const user = session?.user;
+  const myEvents = posts.filter((event) => event.user.email === user?.email);
+
   return (
     <div className="p-6 space-y-5">
       <div>
-        <h1 className="text-3xl font-bold">{user.name}</h1>
-        <p className="mt-4">Navn: {user.name}</p>
-        <p>E-post: {user.email}</p>
+        <h1 className="text-3xl font-bold">{user?.name}</h1>
+        <p className="mt-4">Navn: {user?.name}</p>
+        <p>E-post: {user?.email}</p>
       </div>
+
+      <div>
+        <h2 className="text-2xl font-semibold">Mine arrangementer:</h2>
+        {myEvents.length > 0 ? (
+          <ul className="space-y-2 mt-2 grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4">
+            {myEvents.map((event) => (
+              <Link href={`/event/${event.id}`} key={event.id}>
+                <Post key={event.date.toISOString()} post={event} />
+              </Link>
+            ))}
+          </ul>
+        ) : (
+          <p className="mt-2">Ingen arrangementer funnet.</p>
+        )}
+      </div>
+
       {session && (
         <Button
           variant="secondary"
diff --git a/components/types/post.ts b/components/types/post.ts
index 8201cc2..d164dd3 100644
--- a/components/types/post.ts
+++ b/components/types/post.ts
@@ -1,4 +1,5 @@
 import { Interest, interests } from "./interests";
+import { getUserById, User } from "./user";
 
 export type Event = {
   id: number;
@@ -6,53 +7,245 @@ export type Event = {
   place: string;
   hobby: Interest;
   description: string;
-  user: { name: string; age: number }; // change to user
+  user: User;
 };
 
 export function getEventById(id: number) {
   return posts.find((post) => post.id === id);
 }
 
+const defaultUser: User = {
+  id: "0",
+  name: "Anonym",
+  email: "ukjent@ingen.com",
+  password: "unknown",
+};
+
 export const posts: Event[] = [
+  // Tidligere arrangementer
   {
     id: 1,
     date: new Date("2025-04-01T14:00:00"),
     place: "Bystranda, Kristiansand",
     hobby: interests.find((h) => h.slug === "bade")!,
-    user: { name: "Emma", age: 23 },
-    description:
-      "Bading i sjøen lorem ipsum dolor sit amet consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.",
+    user: getUserById("5") || defaultUser,
+    description: "Bading i sjøen med venner.",
   },
   {
     id: 2,
     date: new Date("2025-04-02T17:30:00"),
     place: "Marienlyst stadion, Drammen",
     hobby: interests.find((h) => h.slug === "fotball")!,
-    user: { name: "Jonas", age: 27 },
-    description: "Fotballtrening",
+    user: getUserById("5") || defaultUser,
+    description: "Fotballtrening på stadion.",
   },
+  // Arrangementer i Bergen som dekker alle interesser
   {
     id: 3,
-    date: new Date("2025-04-03T10:00:00"),
-    place: "Tryvann, Oslo",
-    hobby: interests.find((h) => h.slug === "ski")!,
-    user: { name: "Nora", age: 21 },
-    description: "Langrenn",
+    date: new Date("2025-04-13T15:00:00"),
+    place: "Nordnes Sjøbad, Bergen",
+    hobby: interests.find((h) => h.slug === "bade")!,
+    user: getUserById("1") || defaultUser,
+    description: "Bading og avslapning ved sjøbadet.",
   },
   {
     id: 4,
-    date: new Date("2025-04-04T13:45:00"),
+    date: new Date("2025-04-14T18:00:00"),
+    place: "Brann Stadion, Bergen",
+    hobby: interests.find((h) => h.slug === "fotball")!,
+    user: getUserById("1") || defaultUser,
+    description: "Fotballkamp mellom lokale lag.",
+  },
+  {
+    id: 5,
+    date: new Date("2025-04-15T10:00:00"),
+    place: "Voss Resort, Bergen",
+    hobby: interests.find((h) => h.slug === "ski")!,
+    user: getUserById("5") || defaultUser,
+    description: "Skikjøring i flotte løyper.",
+  },
+  {
+    id: 6,
+    date: new Date("2025-04-16T12:00:00"),
     place: "Ulriken, Bergen",
     hobby: interests.find((h) => h.slug === "klatre")!,
-    user: { name: "Erik", age: 30 },
-    description: "Klatring i fjellet",
+    user: getUserById("5") || defaultUser,
+    description: "Klatretur i fjellet.",
   },
   {
-    id: 5,
-    date: new Date("2025-04-05T16:00:00"),
-    place: "Tjuvholmen, Oslo",
+    id: 7,
+    date: new Date("2025-04-17T17:00:00"),
+    place: "Framohallen, Bergen",
+    hobby: interests.find((h) => h.slug === "handball")!,
+    user: getUserById("2") || defaultUser,
+    description: "Håndballtrening med lagkamerater.",
+  },
+  {
+    id: 8,
+    date: new Date("2025-04-18T09:00:00"),
+    place: "Store Lungegårdsvann, Bergen",
+    hobby: interests.find((h) => h.slug === "lope")!,
+    user: getUserById("2") || defaultUser,
+    description: "Morgentur langs vannet.",
+  },
+  {
+    id: 9,
+    date: new Date("2025-04-19T14:00:00"),
+    place: "Bergen Basketballklubb",
+    hobby: interests.find((h) => h.slug === "basketball")!,
+    user: getUserById("2") || defaultUser,
+    description: "Basketballkamp i hallen.",
+  },
+  {
+    id: 10,
+    date: new Date("2025-04-20T11:00:00"),
+    place: "Bergen Golfklubb",
+    hobby: interests.find((h) => h.slug === "golf")!,
+    user: getUserById("2") || defaultUser,
+    description: "Golfturnering for nybegynnere.",
+  },
+  {
+    id: 11,
+    date: new Date("2025-04-21T16:00:00"),
+    place: "Bergen Offentlige Bibliotek",
+    hobby: interests.find((h) => h.slug === "kotlin")!,
+    user: getUserById("2") || defaultUser,
+    description: "Kotlin workshop for utviklere.",
+  },
+  {
+    id: 12,
+    date: new Date("2025-04-22T15:30:00"),
+    place: "Nordnes Tennisanlegg, Bergen",
+    hobby: interests.find((h) => h.slug === "tennis")!,
+    user: getUserById("2") || defaultUser,
+    description: "Tennistrening for alle nivåer.",
+  },
+  {
+    id: 13,
+    date: new Date("2025-04-23T14:00:00"),
+    place: "Flesland Flyplass, Bergen",
+    hobby: interests.find((h) => h.slug === "fly")!,
+    user: getUserById("3") || defaultUser,
+    description: "Flyspotting og foto av fly.",
+  },
+  {
+    id: 14,
+    date: new Date("2025-04-24T18:30:00"),
+    place: "Bergen Yoga Studio",
+    hobby: interests.find((h) => h.slug === "yoga")!,
+    user: getUserById("3") || defaultUser,
+    description: "Yogaklasse for stressmestring.",
+  },
+  {
+    id: 15,
+    date: new Date("2025-04-25T19:00:00"),
+    place: "Kode Bergen",
+    hobby: interests.find((h) => h.slug === "rust")!,
+    user: getUserById("3") || defaultUser,
+    description: "Rust-programmering for viderekomne.",
+  },
+  {
+    id: 16,
+    date: new Date("2025-04-26T10:00:00"),
+    place: "Fløibanen, Bergen",
+    hobby: interests.find((h) => h.slug === "vandring")!,
+    user: getUserById("3") || defaultUser,
+    description: "Morgenvandring til Fløyen.",
+  },
+  {
+    id: 17,
+    date: new Date("2025-04-27T12:30:00"),
+    place: "Torgallmenningen, Bergen",
+    hobby: interests.find((h) => h.slug === "yoga")!,
+    user: getUserById("3") || defaultUser,
+    description: "Gratis utendørs yogatime.",
+  },
+  {
+    id: 18,
+    date: new Date("2025-04-28T14:00:00"),
+    place: "Møhlenpris Idrettsbane, Bergen",
+    hobby: interests.find((h) => h.slug === "fotball")!,
+    user: getUserById("3") || defaultUser,
+    description: "Fotballkamp mellom vennelag.",
+  },
+  {
+    id: 19,
+    date: new Date("2025-04-29T18:00:00"),
+    place: "VilVite, Bergen",
+    hobby: interests.find((h) => h.slug === "kotlin")!,
+    user: getUserById("4") || defaultUser,
+    description: "Introduksjon til Kotlin-programmering.",
+  },
+  {
+    id: 20,
+    date: new Date("2025-04-30T09:00:00"),
+    place: "Sandviken Sjøbad, Bergen",
     hobby: interests.find((h) => h.slug === "bade")!,
-    user: { name: "Selma", age: 25 },
-    description: "Bading i sjøen",
+    user: getUserById("4") || defaultUser,
+    description: "Morgensvøm i sjøen.",
+  },
+  {
+    id: 21,
+    date: new Date("2025-05-01T16:00:00"),
+    place: "Fana Golfklubb, Bergen",
+    hobby: interests.find((h) => h.slug === "golf")!,
+    user: getUserById("4") || defaultUser,
+    description: "Golfturnering for amatører.",
+  },
+  {
+    id: 22,
+    date: new Date("2025-05-02T11:30:00"),
+    place: "Bergen Tennisklubb",
+    hobby: interests.find((h) => h.slug === "tennis")!,
+    user: getUserById("4") || defaultUser,
+    description: "Tennisturnering for nybegynnere.",
+  },
+  {
+    id: 23,
+    date: new Date("2025-05-03T14:30:00"),
+    place: "Kyrkjetangen, Bergen",
+    hobby: interests.find((h) => h.slug === "basketball")!,
+    user: getUserById("4") || defaultUser,
+    description: "Basketballspill med venner.",
+  },
+  {
+    id: 24,
+    date: new Date("2025-05-04T17:00:00"),
+    place: "Alvøen Idrettspark, Bergen",
+    hobby: interests.find((h) => h.slug === "handball")!,
+    user: getUserById("4") || defaultUser,
+    description: "Håndballkamp mellom lokalag.",
+  },
+  {
+    id: 25,
+    date: new Date("2025-05-05T08:30:00"),
+    place: "Ulriken, Bergen",
+    hobby: interests.find((h) => h.slug === "lope")!,
+    user: getUserById("5") || defaultUser,
+    description: "Løpetur til toppen av Ulriken.",
+  },
+  {
+    id: 26,
+    date: new Date("2025-05-06T13:00:00"),
+    place: "Høyteknologisenteret, Bergen",
+    hobby: interests.find((h) => h.slug === "rust")!,
+    user: getUserById("5") || defaultUser,
+    description: "Workshop i Rust-programmering.",
+  },
+  {
+    id: 27,
+    date: new Date("2025-05-07T20:00:00"),
+    place: "Flesland Flyplass, Bergen",
+    hobby: interests.find((h) => h.slug === "fly")!,
+    user: getUserById("1") || defaultUser,
+    description: "Kveldsflyspotting på flyplassen.",
+  },
+  {
+    id: 28,
+    date: new Date("2025-05-08T15:00:00"),
+    place: "Damsgårdsfjellet, Bergen",
+    hobby: interests.find((h) => h.slug === "klatre")!,
+    user: getUserById("1") || defaultUser,
+    description: "Klatring på naturlige ruter.",
   },
 ];
diff --git a/components/types/user.ts b/components/types/user.ts
new file mode 100644
index 0000000..c37f894
--- /dev/null
+++ b/components/types/user.ts
@@ -0,0 +1,43 @@
+export type User = {
+  id: string;
+  name: string;
+  email: string;
+  password: string;
+};
+
+export const users: User[] = [
+  {
+    id: "1",
+    name: "Ole Brumm",
+    email: "OleBrumm@example.com",
+    password: "pass123",
+  },
+  {
+    id: "2",
+    name: "Johanne Blikberg Herheim",
+    email: "johanne@herheim.com",
+    password: "123123",
+  },
+  {
+    id: "3",
+    name: "Karolina Gil",
+    email: "Karo@gil.com",
+    password: "123123",
+  },
+  {
+    id: "4",
+    name: "Henrik Nilsen-Lømo",
+    email: "Henrik@lomo.com",
+    password: "123123",
+  },
+  {
+    id: "5",
+    name: "Mille Caroline Høeg",
+    email: "Mille@hoeg.com",
+    password: "123123",
+  },
+];
+
+export function getUserById(id: string) {
+  return users.find((user) => user.id === id);
+}