import { FormChange } from "@saleor/hooks/useForm";
import { useState } from "react";

function useMetadataChangeTrigger() {
  const [isMetadataModified, setMetadataModified] = useState(false);
  const [isPrivateMetadataModified, setPrivateMetadataModified] = useState(
    false
  );

  const makeChangeHandler: (
    onChange: FormChange
  ) => FormChange = onChange => event => {
    if (event.target.name === "metadata") {
      setMetadataModified(true);
    } else {
      setPrivateMetadataModified(true);
    }
    onChange(event);
  };

  return {
    isMetadataModified,
    isPrivateMetadataModified,
    makeChangeHandler
  };
}

export default useMetadataChangeTrigger;