Function Add

app/add/page.tsx:31–488

()

import UnitForm, { UnitFormRef } from "@/lib/components/unit/UnitForm";

export default function Add() {
  const [isLoading, setLoading] = useState(false);
  //TODO: integrate the UnitForm more efficiently by directly changing the form value from UnitForm
  const form = useForm({
    initialValues: {
      title: undefined,
      quantity: 1,
      productId: undefined,
      productCode: undefined,
      productModel: undefined,
      productDescription: undefined,
      parentCatalogName: undefined,
      catalogName: undefined,
      brandName: undefined,
      encapStandard: undefined,
      productImages: [],
      pdfLink: undefined,
      productLink: undefined,
      tolerance: undefined,
      voltage: undefined,
      resistance: undefined,
      power: undefined,
      current: undefined,
      frequency: undefined,
      capacitance: undefined,
      inductance: undefined,
      prices: [] as {
        ladder: string;
        price: number;
      }[],
    },
    validate: {
      productCode: (value) =>
        value && value.length > 0 ? null : "Product Code is required",
    },
  });

  const [scannerInput, setScannerInput] = useState("");
  const [productCode, setProductCode] = useState("");

  //When the user presses the Autocomplete Button
  async function handleAutocomplete() {
    //Firstly checking of there is a valid input by the scanner form
    const partInfoFromScanner = scannerInputToType(
      JSON.parse(JSON.stringify(scannerInput)) ?? ""
    );
    const validScannerInput =
      partInfoFromScanner.pc != "" && partInfoFromScanner.pc;
    //Checking of there is a valid input
    if (productCode != "" || validScannerInput) {
      //Using the scanner product code if both are given
      let productCodeInternal = partInfoFromScanner.pc
        ? partInfoFromScanner.pc
        : productCode;
      setLoading(true);

      const response = await fetch("/api/parts/autocomplete", {
        method: "POST",