import { Inter } from 'next/font/google' import Head from 'next/head' import '@splidejs/splide/dist/css/splide.min.css'; // Import Splide.css import Navbar from '@/components/Navbar'; import Link from 'next/link'; import { useTranslation } from 'react-i18next'; import Input from '@/components/Input'; import { useEffect, useState } from 'react'; import config from "../../config.json" import { getSessionWithServerSideProps, setSession, setTempSession } from '@/handler/session'; import { useRouter } from 'next/router'; import { redirect } from 'next/dist/server/api-utils'; import { ServerSide } from '@/sides/server/ServerSide'; import { ClientSide } from '@/sides/client/ClientSide'; import { buildRoute } from '@/handler/router'; import checkerUtils from '@/utils/checker.utils'; import Image from 'next/image'; const inter = Inter({ subsets: ['latin'] }) export default function SignIn(props: { lang: string }) { const router = useRouter(); ClientSide.setLanguage(props.lang) const translate = useTranslation().t; const [email, setEmail] = useState(""); const [password, setPassword] = useState(""); const [stayConnected, setStayConnected] = useState(false); const [errorMessage, setErrorMessage] = useState(); const [sending, setSending] = useState(false); const [canLogin, setCanLogin] = useState(false); useEffect(() => { setCanLogin(email.length > 0 && password.length > 0) }, [email, password]) const signin = async () => { setSending(true); setErrorMessage(undefined) try { const response = await fetch(config.API + "/user/login", { method: 'POST', headers: { 'Content-Type': 'application/json', }, body: JSON.stringify( { email, password } ) }); const responseData = await response.json(); setSending(false); if (response.status >= 200 && response.status < 300) { const { token } = responseData.session; if (stayConnected) { setSession(token); } else { setTempSession(token); } if (!responseData.user.profile.subscription) router.push('/' + props.lang+"/account/settings"); else router.push('/' + props.lang); } else { setErrorMessage(responseData.message); } } catch (err) { console.error(err); } } const submit = (e: any) => { e.preventDefault(); signin(); } return ( <> Find.me

{translate("signin")}

{ submit(e) }}>
{ setEmail(v) }} type="email" placeholder={"" + translate("your_email")} />
{ setPassword(v) }} type="password" placeholder={"" + translate("your_password")} />
setStayConnected(e.target.checked)} type="checkbox" className="form-check-input mt-0 " id="remember_me_checkbox" />
{translate("password_forgotten")}
{ errorMessage != undefined && (

{translate(errorMessage)}

) }
) } export async function getServerSideProps(context: any) { const { user, lang } = await ServerSide.getServerSideProps(context); if (user != null) return { redirect: { destination: "/" + lang, permenant: false } } return { props: { lang } } }