import { observer } from "mobx-react-lite"; // services import { AuthService } from "services/auth.service"; // hooks import { useApplication } from "hooks/store"; import useToast from "hooks/use-toast"; // components import { GitHubSignInButton, GoogleSignInButton } 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 { config: { envConfig }, } = useApplication(); 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 && ( )}
); });