Merge branch 'UserProfile' into 'main'

User profile

See merge request !16

app/(auth)/login/page.tsx

@@ -4,7 +4,7 @@ import Link from 'next/link'
 export default function LoginPage() {
     return (
         <div className="h-screen w-screen flex justify-center items-center bg-slate-100">
-            <div className="sm:shadow-xl px-8 pb-8 pt-12 sm:bg-white rounded-xl space-y-12">
+            <div className="sm:shadow-xl px-8 pb-8 pt-12 sm:bg-black rounded-xl space-y-12">
                 <h1 className="font-semibold text-2xl">Login</h1>
                 <LoginForm />
                 <p className="text-center">

app/(auth)/signup/page.tsx

@@ -4,7 +4,7 @@ import Link from 'next/link'
 export default function SignupPage() {
     return (
         <div className="h-screen w-screen flex justify-center items-center bg-slate-100">
-            <div className="sm:shadow-xl px-8 pb-8 pt-12 sm:bg-white rounded-xl space-y-12">
+            <div className="sm:shadow-xl px-8 pb-8 pt-12 sm:bg-black rounded-xl space-y-12">
                 <h1 className="font-semibold text-2xl">Create your Account</h1>
                 <SignupForm />
                 <p className="text-center">

app/(content)/(user)/[userid]/page.tsx

+'use client'
+import { useSession } from "next-auth/react";
+
+
 export default function User({ params }: { params: { userid: string } }) {
+    const { data: session } = useSession();
     return (
-        <>
-            <h1>User Profile Page WIP</h1>
-            <p>Unique Page Params: {params.userid}</p>
-        </>
+      <div className="mt-8 px-4">
+         <div className="flex-shrink-0">
+         <title>{`GameUnity User`}</title>
+        <div className="h-10 w-10 rounded-full bg-gray-300"></div> {/* Profile picture */}
+        </div>
+        <div className="flex flex-col">
+          <p className="text-white text-2xl font-semibold">
+            {session?.user.name}
+          </p>
+          <div 
+            className="
+              flex 
+              flex-row 
+              items-center 
+              gap-2 
+              mt-4 
+              text-neutral-500
+          ">
+          </div>
+        </div>
+        <div className="flex flex-row items-center mt-4 gap-6">
+          <div className="flex flex-row items-center gap-1">
+            <p className="text-neutral-500">Following</p>
+          </div>
+          <div className="flex flex-row items-center gap-1">
+            <p className="text-white">{}</p>
+            <p className="text-neutral-500">Followers</p>
+          </div>
+        </div>
+      </div>
+
     )
 }
\ No newline at end of file

app/(content)/(user)/[userid]/followers/page.tsx → app/(content)/followers/page.tsx

+import { authOptions } from "@/app/api/auth/[...nextauth]/route";
 import FollowersList from "@/components/following-users";
-import { useSession } from "next-auth/react";
+import { getServerSession } from "next-auth";
 
-export default function Followers() {
-    const { data: session } = useSession();
+export default async function Followers() {
+    const session = await getServerSession(authOptions);
 
     if (!session) {
         return <div>Loading...</div>;

app/(content)/layout.tsx

@@ -15,6 +15,7 @@ export default async function ContentLayout({
                 <aside className="hidden w-[200px] flex-col md:flex">
                     <div className="sticky top-0">
                         <DashboardNav items={dashboardConfig.sidebarNav} />
+                        <button>Logout</button>
                     </div>
                 </aside>
                 <main className="flex w-full flex-1 flex-col overflow-hidden">

app/api/user/[userid].ts

+import { NextApiRequest, NextApiResponse } from "next";
+
+import { prisma } from "@/lib/db";
+
+export default async function handler(req: NextApiRequest, res: NextApiResponse) {
+  if (req.method !== 'GET') {
+    return res.status(405).end();
+  }
+
+  try {
+    const { userId } = req.query;
+
+    if (!userId || typeof userId !== 'string') {
+      throw new Error('Invalid ID');
+    }
+
+    const existingUser = await prisma.user.findUnique({
+      where: {
+        id : +userId
+      }
+    });
+
+    return res.status(200).json({ ...existingUser});
+  } catch (error) {
+    console.log(error);
+    return res.status(400).end();
+  }
+};
\ No newline at end of file

app/api/user/index.ts

+import { NextApiRequest, NextApiResponse } from "next";
+
+import { prisma } from "@/lib/db";
+
+export default async function handler(req: NextApiRequest, res: NextApiResponse) {
+  if (req.method !== 'GET') {
+    return res.status(405).end();
+  }
+
+  try {
+    const users = await prisma.user.findMany({
+      orderBy: {
+        createdAt: 'desc'
+      }
+    });
+
+    return res.status(200).json(users);
+  } catch(error) {
+    console.log(error);
+    return res.status(400).end();
+  }
+}
\ No newline at end of file

prisma/schema.prisma

@@ -12,12 +12,13 @@ datasource db {
 
 model User {
   id            Int       @id @default(autoincrement())
-  userName      String?   @unique
-  name          String?
+  userName      String?   @unique 
+  name          String?   @default("u ${id}")
   email         String?   @unique
   password      String
   emailVerified DateTime?
-  image         String?
+  image         String?   
+  createdAt     DateTime @default(now())
 
   Post    Post[]
   Comment Comment[]