User bearbeiten Page

apps/hub/app/(app)/admin/user/[id]/page.tsx

@@ -1,22 +1,33 @@
-import { PrismaClient } from "@repo/db";
+import { PersonIcon } from "@radix-ui/react-icons";
+import { PrismaClient, User } from "@repo/db";
+import { AdminForm, ProfileForm } from "./_components/forms";
 
-export default async ({ params }: { params: Promise<{ id: string }> }) => {
+export default async ({ params }: { params: { id: string } }) => {
 	const prisma = new PrismaClient();
-	const { id } = await params;
+	const { id } = params;
 
-	const user = await prisma.user.findUnique({
+	const user: User | null = await prisma.user.findUnique({
 		where: {
 			id: id,
 		},
 	});
+
 	console.log(user);
+
 	return (
-		<div>
-			<h1>
-				{user?.firstname} {user?.lastname}
-			</h1>
-			<p>{user?.email}</p>
-			{/* TODO: Hier Nutzerdaten bearbeiten */}
+		<div className="grid grid-cols-6 gap-4">
+			<div className="col-span-full">
+				<p className="text-2xl font-semibold text-left flex items-center gap-2">
+					<PersonIcon className="w-5 h-5" />
+					{user?.firstname} {user?.lastname} #{user?.publicId}
+				</p>
+			</div>
+			<div className="card bg-base-200 shadow-xl mb-4 col-span-6 xl:col-span-3">
+				<ProfileForm user={user} />
+			</div>
+			<div className="card bg-base-200 shadow-xl mb-4 col-span-6 xl:col-span-3">
+				<AdminForm user={user} />
+			</div>
 		</div>
 	);
 };