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

import {
  IssueMatrixViewDetailScreen,
} from "@/features/pswg/issue-matrix/issue-matrix-view-detail";

export const metadata: Metadata = {
  title: "Issue matrix detail",
};

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

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

  const issueId = Number(id);

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

  return (
    <IssueMatrixViewDetailScreen
      issueId={issueId}
      backPath="/cefp/issue-matrix"
      evaluationFormPath="/cefp/issue-matrix/evaluation-forms"
    />
  );
}