import { getDataQualityMetrics } from "@/app/portfolio/[slug]/(portfolio)/reporting/databaseFunctions";
import { DataQualityClientArea } from "./DataQualityClientArea";

export default async function DataQualityPage(props: {
  params: Promise<{ slug: string }>;
}) {
  const { slug } = await props.params;
  const portfolioId = Number(slug);
  const metrics = await getDataQualityMetrics(portfolioId);

  return (
    <div className="mx-auto max-w-7xl px-6 pb-12 pt-5">
      <DataQualityClientArea portfolioId={portfolioId} metrics={metrics} />
    </div>
  );
}
