import { notFound } from "next/navigation";
import {
  PersonDetailClient,
  type PersonDetailPayload,
} from "@/components/market/person-detail-client";
import { toClientJson } from "@/lib/serialize";
import { getPersonDetail } from "@/server/services/market.service";

export default async function PersonDetailPage({
  params,
}: {
  params: Promise<{ id: string }>;
}) {
  const { id } = await params;
  const detail = await getPersonDetail(id);
  if (!detail) notFound();

  return (
    <PersonDetailClient
      id={id}
      detail={toClientJson<PersonDetailPayload>(detail)}
    />
  );
}