CBIIT / crdc-datahub-ui / 18789341118

import { useEffect, useState } from "react";

import { Status as AuthStatus, useAuthContext } from "../components/Contexts/AuthContext";

import { Status as FormStatus, useFormContext } from "../components/Contexts/FormContext";

import { FormMode, FormModes, getFormMode, Logger } from "../utils";

const useFormMode = () => {

  const { user, status: authStatus } = useAuthContext();

  const { data, status } = useFormContext();

  const [formMode, setFormMode] = useState<FormMode>(undefined);

  const [readOnlyInputs, setReadOnlyInputs] = useState<boolean>(false);

  useEffect(() => {

    const updatedFormMode: FormMode = getFormMode(user, data);

    if (updatedFormMode === FormModes.UNAUTHORIZED) {

      Logger.error("useFormMode: User is unauthorized to view this Submission Request.", {

        user,

        data,

      });

    }

    setFormMode(updatedFormMode);

    setReadOnlyInputs(updatedFormMode !== FormModes.EDIT);

  }, [user, data]);

  return { formMode, readOnlyInputs };

};

export default useFormMode;