Function useAuthForms

packages/shared/src/hooks/useAuthForms.ts:33–64

({ onDiscard }: UseAuthFormsProps = {})

};

const useAuthForms = ({ onDiscard }: UseAuthFormsProps = {}): UseAuthForms => {
  const [container, setContainer] = useState<HTMLDivElement>();
  const { showPrompt } = usePrompt();
  const formRef = useRef<HTMLFormElement>();

  const openPrompt = async (
    e: React.MouseEvent | React.KeyboardEvent | React.FormEvent,
  ) => {
    if (await showPrompt(promptOptions)) {
      onDiscard(e);
    }
  };

  const onDiscardAttempt: CloseAuthModalFunc = (e, forceClose = false) => {
    if (forceClose || !formRef?.current) {
      return onDiscard(e, forceClose);
    }
    return openPrompt(e);
  };

  return useMemo(
    () => ({
      onDiscardAttempt,
      onContainerChange: setContainer,
      container,
      formRef,
    }),
    // @NOTE see https://dailydotdev.atlassian.net/l/cp/dK9h1zoM
    // eslint-disable-next-line react-hooks/exhaustive-deps
    [formRef?.current, container, onDiscard],
  );
};

export default useAuthForms;