import { notFound } from "next/navigation";

import { CommodityNameForm } from "../_components/commodity-name-form/commodity-name-form";
import { fetchBackendCommodityNameById } from "../_lib/commodity-name-server-api";

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

export default async function CommodityNameUpdatePage({ params }: PageProps) {
  const { id } = await params;
  const recordId = Number(id);

  if (!Number.isFinite(recordId)) {
    notFound();
  }

  const { commodityName: record } = await fetchBackendCommodityNameById(recordId);

  if (!record) {
    notFound();
  }

  return <CommodityNameForm mode="update" initial={record} />;
}