import type { Metadata } from "next";
import { notFound } from "next/navigation";

import { IssueDetailScreen } from "@/features/pswg/working-group-issues/components/view-detail/issue-detail-screen";

export const metadata: Metadata = {
  title: "Working group issue",
};

type PageProps = {
  params: Promise<{
    id: string;
  }>;
};

export default async function WorkingGroupIssueDetailPage({
  params,
}: PageProps) {
  const { id } = await params;
  const issueId = Number(id);

  if (!Number.isInteger(issueId) || issueId <= 0) {
    notFound();
  }

  return <IssueDetailScreen issueId={issueId} />;
}