41 lines
1.3 KiB
TypeScript
41 lines
1.3 KiB
TypeScript
import { prisma } from "@repo/db";
|
|
import { getServerSession } from "../../api/auth/[...nextauth]/auth";
|
|
import { ProfileForm, SocialForm, PasswordForm, PilotForm } from "./_components/forms";
|
|
import { GearIcon } from "@radix-ui/react-icons";
|
|
|
|
export default async function Page() {
|
|
const session = await getServerSession();
|
|
if (!session) return null;
|
|
const user = await prisma.user.findFirst({
|
|
where: {
|
|
id: session.user.id,
|
|
},
|
|
include: {
|
|
discordAccounts: true,
|
|
},
|
|
});
|
|
if (!user) return null;
|
|
const discordAccount = user?.discordAccounts[0];
|
|
return (
|
|
<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">
|
|
<GearIcon className="w-5 h-5" /> Einstellungen
|
|
</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">
|
|
<SocialForm discordAccount={discordAccount} user={user} />
|
|
</div>
|
|
<div className="card bg-base-200 shadow-xl mb-4 col-span-6 xl:col-span-3">
|
|
<PasswordForm />
|
|
</div>
|
|
<div className="card bg-base-200 shadow-xl mb-4 col-span-6 xl:col-span-3">
|
|
<PilotForm user={user} />
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|