EpicNext-Cms/src/app/verify/page.tsx

import Link from "next/link";
import { getTranslations } from "next-intl/server";
import { isValidVerificationToken } from "@/actions/email-verify";
import { ContentCard, EmptyState } from "@/components/public/ui";
import { DiscordVerifyForm } from "@/components/auth/discord-verify-form";
import { auth } from "@/lib/auth";
import { prisma } from "@/lib/prisma";

export const dynamic = "force-dynamic";

type Status = "verified" | "already" | "invalid" | "unavailable" | "discord";

export default async function VerifyPage({
  searchParams,
}: {
  searchParams: Promise<{ token?: string; email?: string; method?: string; linked?: string }>;
}) {
  const t = await getTranslations("pages.verify");
  const { token = "", email = "", method = "", linked = "" } = await searchParams;
  const normalisedEmail = email.trim().toLowerCase();

  let status: Status = "invalid";
  let discordAlreadyLinked = false;

  if (method === "discord" || linked === "1") {
    status = "discord";
    const session = await auth();
    if (session?.user?.id) {
      const userId = Number(session.user.id);
      try {
        const linkedRow = await prisma.socialAccounts.findFirst({
          where: { userId: BigInt(userId), provider: "discord" },
          select: { id: true },
        });
        discordAlreadyLinked = !!linkedRow;
      } catch {}
    }
  } else if (normalisedEmail && token) {
    const ok = await isValidVerificationToken(normalisedEmail, token);
    if (ok) {
      try {
        const user = await prisma.user.findFirst({
          where: { mail: normalisedEmail },
          select: { id: true, mailVerified: true },
        });
        if (!user) {
          status = "invalid";
        } else if (user.mailVerified === "1") {
          status = "already";
        } else {
          await prisma.user.update({
            where: { id: user.id },
            data: { mailVerified: "1" },
          });
          status = "verified";
        }
      } catch {
        status = "unavailable";
      }
    }
  }

  return (
    <main style={{ maxWidth: 480, margin: "2rem auto" }}>
      {status === "verified" && (
        <ContentCard icon="✅" title={t("verifiedTitle")} subtitle={t("verifiedSubtitle")}>
          <p className="muted" style={{ marginTop: 0 }}>
            {t("verifiedBody")}
          </p>
          <Link href="/login" className="btn btn-primary">
            {t("goToLogin")}
          </Link>
        </ContentCard>
      )}

      {status === "already" && (
        <ContentCard icon="✅" title={t("alreadyTitle")} subtitle={t("alreadySubtitle")}>
          <p className="muted" style={{ marginTop: 0 }}>
            {t("alreadyBody")}
          </p>
          <Link href="/login" className="btn btn-primary">
            {t("goToLogin")}
          </Link>
        </ContentCard>
      )}

      {status === "unavailable" && (
        <ContentCard icon="⏳" title={t("unavailableTitle")} subtitle={t("unavailableSubtitle")}>
          <p className="muted" style={{ margin: 0 }}>
            {t("unavailableBody")}
          </p>
        </ContentCard>
      )}

      {status === "invalid" && (
        <ContentCard icon="📧" title={t("invalidTitle")} subtitle={t("invalidSubtitle")}>
          <EmptyState icon="🔗">{t("invalidBody")}</EmptyState>
          <div style={{ textAlign: "center" }}>
            <Link href="/login" className="btn btn-outline">
              {t("backToLogin")}
            </Link>
          </div>
        </ContentCard>
      )}

      {status === "discord" && (
        <ContentCard icon="🎮" title="Verifieer via Discord" subtitle="Koppel je Discord account">
          {linked === "1" && (
            <div
              className="rounded-md p-4 text-center mb-4"
              style={{ backgroundColor: "#14532d", color: "white" }}
            >
              <p className="text-lg font-bold mb-1">Gelinkt!</p>
              <p className="text-sm opacity-90">Je Discord account is gekoppeld. Je kunt nu verder.</p>
            </div>
          )}
          {discordAlreadyLinked ? (
            <div
              className="rounded-md p-4 text-center"
              style={{ backgroundColor: "#14532d", color: "white" }}
            >
              <p className="text-lg font-bold mb-1">Al geverifieerd!</p>
              <p className="text-sm opacity-90">Je Discord account is al gekoppeld aan dit account.</p>
            </div>
          ) : (
            <DiscordVerifyForm />
          )}
          <div style={{ textAlign: "center", marginTop: "1rem" }}>
            <Link href="/" className="btn btn-primary">
              Naar home
            </Link>
          </div>
        </ContentCard>
      )}
    </main>
  );
}