import { observer } from "mobx-react-lite"; // mobx store import { useMobxStore } from "lib/mobx/store-provider"; // services import { AuthService } from "services/auth.service"; // hooks import useToast from "hooks/use-toast"; // components import { GithubLoginButton, GoogleLoginButton } from "components/account"; type Props = { handleSignInRedirection: () => Promise; }; // services const authService = new AuthService(); export const OAuthOptions: React.FC = observer((props) => { const { handleSignInRedirection } = props; // toast alert const { setToastAlert } = useToast(); // mobx store const { appConfig: { envConfig }, } = useMobxStore(); const handleGoogleSignIn = async ({ clientId, credential }: any) => { try { if (clientId && credential) { const socialAuthPayload = { medium: "google", credential, clientId, }; const response = await authService.socialAuth(socialAuthPayload); if (response) handleSignInRedirection(); } else throw Error("Cant find credentials"); } catch (err: any) { setToastAlert({ title: "Error signing in!", type: "error", message: err?.error || "Something went wrong. Please try again later or contact the support team.", }); } }; const handleGitHubSignIn = async (credential: string) => { try { if (envConfig && envConfig.github_client_id && credential) { const socialAuthPayload = { medium: "github", credential, clientId: envConfig.github_client_id, }; const response = await authService.socialAuth(socialAuthPayload); if (response) handleSignInRedirection(); } else throw Error("Cant find credentials"); } catch (err: any) { setToastAlert({ title: "Error signing in!", type: "error", message: err?.error || "Something went wrong. Please try again later or contact the support team.", }); } }; return ( <>

Or continue with


{envConfig?.google_client_id && ( )} {envConfig?.github_client_id && ( )}
); });