import React from "react"; // next imports import Image from "next/image"; // next types import type { NextPage } from "next"; // layouts import DefaultLayout from "layouts/default-layout"; // hooks import useUserAuth from "hooks/use-user-auth"; import useToast from "hooks/use-toast"; // services import authenticationService from "services/authentication.service"; // social auth buttons import { GoogleLoginButton, GithubLoginButton, EmailCodeForm, EmailPasswordForm, } from "components/account"; // ui import { Spinner } from "components/ui"; // icons import Logo from "public/logo.png"; const HomePage: NextPage = () => { const { user, isLoading, mutateUser } = useUserAuth("sign-in"); const { setToastAlert } = useToast(); const handleGoogleSignIn = async ({ clientId, credential }: any) => { try { if (clientId && credential) { const socialAuthPayload = { medium: "google", credential, clientId, }; const response = await authenticationService.socialAuth(socialAuthPayload); if (response && response?.user) mutateUser(); } else { throw Error("Cant find credentials"); } } catch (error: any) { console.log(error); setToastAlert({ title: "Error signing in!", type: "error", message: error?.error || "Something went wrong. Please try again later or contact the support team.", }); } }; const handleGithubSignIn = async (credential: string) => { try { if (process.env.NEXT_PUBLIC_GITHUB_ID && credential) { const socialAuthPayload = { medium: "github", credential, clientId: process.env.NEXT_PUBLIC_GITHUB_ID, }; const response = await authenticationService.socialAuth(socialAuthPayload); if (response && response?.user) mutateUser(); } else { throw Error("Cant find credentials"); } } catch (error: any) { console.log(error); setToastAlert({ title: "Error signing in!", type: "error", message: error?.error || "Something went wrong. Please try again later or contact the support team.", }); } }; const handleEmailPasswordSignIn = async (response: any) => { try { if (response) mutateUser(); } catch (error: any) { console.log(error); setToastAlert({ title: "Error signing in!", type: "error", message: error?.error || "Something went wrong. Please try again later or contact the support team.", }); } }; const handleEmailCodeSignIn = async (response: any) => { try { if (response) mutateUser(); } catch (error: any) { console.log(error); setToastAlert({ title: "Error signing in!", type: "error", message: error?.error || "Something went wrong. Please try again later or contact the support team.", }); } }; return ( {isLoading ? (
{/*
Validating authentication
*/}
) : (
Plane Web Logo
Sign In to your Plane Account
{parseInt(process.env.NEXT_PUBLIC_ENABLE_OAUTH || "0") ? ( <>
) : ( )}
)}
); }; export default HomePage;