import { useEffect } from "react";
import { observer } from "mobx-react-lite";
import Image from "next/image";
// mobx store
import { useMobxStore } from "lib/mobx/store-provider";
// hooks
import useSignInRedirection from "hooks/use-sign-in-redirection";
// components
import { SignInRoot } from "components/account";
// ui
import { Loader, Spinner } from "@plane/ui";
// images
import BluePlaneLogoWithoutText from "public/plane-logos/blue-without-text.png";
export type AuthType = "sign-in" | "sign-up";
export const SignInView = observer(() => {
// store
const {
user: { currentUser },
appConfig: { envConfig },
} = useMobxStore();
// sign in redirection hook
const { isRedirecting, handleRedirection } = useSignInRedirection();
useEffect(() => {
handleRedirection();
}, [handleRedirection]);
if (isRedirecting || currentUser)
return (
);
return (
);
});