export const dynamic = "force-dynamic";

import { notFound } from "next/navigation";
import { getLettersByRecipient } from "@/lib/letters";
import { FilterYearBrowser } from "../../filter-year-browser";

export default async function LettersByRecipientPage({
  params,
}: {
  params: Promise<{ name: string }>;
}) {
  const { name: encodedName } = await params;
  const name = decodeURIComponent(encodedName);

  const letters = await getLettersByRecipient(name);
  if (letters.length === 0) notFound();

  const serialized = letters.map((l) => ({
    slug: l.slug,
    recipientDisplay: l.recipientDisplay,
    date: l.date,
    year: l.year,
    month: l.month,
    location: l.location,
  }));

  return (
    <div className="min-h-screen bg-background">
      <FilterYearBrowser
        letters={serialized}
        filterName={name}
        filterType="recipient"
        totalCount={letters.length}
      />
    </div>
  );
}