Function AuthDialog

src/components/auth/AuthDialog.tsx:60–326

({
  isOpen,
  setIsOpen,
  redirectUrl = { pathname: "graph" },
  signInText = "Sign in to your account"
})

}

const AuthDialog: FC<AuthDialogProps> = ({
  isOpen,
  setIsOpen,
  redirectUrl = { pathname: "graph" },
  signInText = "Sign in to your account"
}) => {
  const navigate = useNavigate();

  const [authDialogState, setAuthDialogState] = useState(AuthDialogState.LOGIN);
  const [authApiErrorMessage, setAuthApiErrorMessage] = useState<string | null>(
    null,
  );
  const [verifyEmailMessage, setVerifyEmailMessage] = useState<string | null>(
    null,
  );

  const redirectOnLogin = (userID: string) => {

    const { pathname, queryParams } = redirectUrl;

    const url: { pathname: string; search: string } = {
      pathname,
      search: ""
    }

    url.pathname = `/${userID}/${pathname}`;

    if (queryParams) {
      const searchParams = new URLSearchParams(queryParams);
      url.search = searchParams.toString();

    }

    navigate(url);

  }

  /**
   * Resets the authApiErrorMessage state to null
   *
   * @returns void
   */
  const resetAuthApiErrorMessage = () => {
    setAuthApiErrorMessage(null);
  };

  /**
   * Closes the dialog and resets the state to LOGIN
   *
   * @returns void
   */
  const closeDialog = () => {
    setIsOpen(false);
    setAuthDialogState(AuthDialogState.LOGIN);
    setAuthApiErrorMessage(null);
    setVerifyEmailMessage(null);
  };