58 lines
3.5 KiB
TypeScript
58 lines
3.5 KiB
TypeScript
import { eq } from "drizzle-orm";
|
|
import { redirect } from "next/navigation";
|
|
import { connection } from "next/server";
|
|
import { getDb } from "@/db";
|
|
import { accounts, users } from "@/db/schema";
|
|
import { SiteHeader } from "@/components/public/site-header";
|
|
import { AdminHeader } from "@/components/admin/admin-header";
|
|
import { ProfileForm } from "@/components/auth/profile-form";
|
|
import { PasswordForm } from "@/components/auth/password-form";
|
|
import { EmailSettings } from "@/components/auth/email-settings";
|
|
import { SudlohConnection } from "@/components/auth/sudloh-connection";
|
|
import { SudlohProfile } from "@/components/auth/sudloh-profile";
|
|
import { isAuthorizedAdmin } from "@/lib/auth/authorization";
|
|
import { getCustomerSession, isSudlohOidcEnabled } from "@/lib/auth/server";
|
|
import { safeAuthReturnPath } from "@/lib/auth/return-path";
|
|
import { ACCOUNT_SETTINGS_URL } from "@/lib/auth/sudloh";
|
|
|
|
export const instant = false;
|
|
|
|
export default async function ProfilePage({ searchParams }: PageProps<"/profile">) {
|
|
await connection();
|
|
const { setup, next, upload, emailAction, error, sudloh } = await searchParams;
|
|
const nextPath = safeAuthReturnPath(next);
|
|
const setupNextPath = nextPath === "/profile" || nextPath.startsWith("/profile?") ? "/" : nextPath;
|
|
const session = await getCustomerSession();
|
|
if (!session) redirect("/auth/login?next=%2Fprofile");
|
|
const oidcEnabled = isSudlohOidcEnabled();
|
|
const [userRows, accountRows] = await Promise.all([
|
|
getDb().select({ name: users.name, email: users.email,
|
|
emailVerified: users.emailVerified, image: users.image })
|
|
.from(users).where(eq(users.id, session.user.id)).limit(1),
|
|
oidcEnabled ? getDb().select({ providerId: accounts.providerId })
|
|
.from(accounts).where(eq(accounts.userId, session.user.id)) : Promise.resolve([]),
|
|
]);
|
|
const [user] = userRows;
|
|
if (!user) redirect("/auth/login?next=%2Fprofile");
|
|
const hasSudloh = accountRows.some((account) => account.providerId === "sudloh");
|
|
const hasCredential = accountRows.some((account) => account.providerId === "credential");
|
|
return <div className="min-h-svh">{isAuthorizedAdmin(session.user) ? <AdminHeader /> : <SiteHeader />}
|
|
<main className="mx-auto max-w-5xl p-4 py-10 sm:p-8">
|
|
<h1 className="mb-6 font-heading text-3xl font-semibold">โปรไฟล์ของฉัน</h1>
|
|
{setup === "1" && <p className="mb-6 text-muted-foreground">
|
|
{upload === "failed" ? "สร้างบัญชีแล้ว แต่บันทึกรูปโปรไฟล์ไม่สำเร็จ กรุณาลองอีกครั้ง" :
|
|
"เพิ่มรูปโปรไฟล์หรือแก้ชื่อที่แสดงก่อนเริ่มใช้งาน"}
|
|
</p>}
|
|
<div className="grid items-start gap-6 md:grid-cols-2">
|
|
{hasSudloh ? <SudlohProfile {...user} accountUrl={ACCOUNT_SETTINGS_URL} callbackError={sudloh === "error"} />
|
|
: <ProfileForm {...user} nextPath={setup === "1" ? setupNextPath : undefined} />}
|
|
{oidcEnabled && !hasSudloh && <SudlohConnection linked={hasSudloh}
|
|
callbackError={sudloh === "error" && typeof error === "string" ? error : undefined} />}
|
|
{!hasSudloh && <EmailSettings email={user.email} verified={user.emailVerified}
|
|
callbackCompleted={emailAction === "1" && !error} callbackError={typeof error === "string" && sudloh !== "error"} />}
|
|
{!hasSudloh && hasCredential && <PasswordForm />}
|
|
</div>
|
|
</main>
|
|
</div>;
|
|
}
|