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 UserAPI from '@/api/UserAPI'; import checkerUtils from '@/utils/checker.utils'; export default function SignIn(props: { lang: string }) { const router = useRouter(); ClientSide.setLanguage(props.lang) const translate = useTranslation().t; const [email, setEmail] = useState(""); const [error, setError] = useState(""); const forget = async () => { const response = await UserAPI.passwordForget(email, props.lang); if(response.message != "password_forget_email_has_been_send") return setError(response.message) setError(undefined) } const submit = (e: any) => { e.preventDefault(); forget(); } return ( <> Find.me
{translate("back")}

{translate("password_forget_title")}

{translate("password_forget_message")}

{ submit(e) }}>
{ setEmail(v) }} type="email" placeholder={"" + translate("your_email")} />
{ (error != undefined && error != "") && ( {translate(error)} ) } { (error == undefined) && ( {translate("password_forget_email_has_been_send")} ) }
) } export async function getServerSideProps(context: any) { const { user, lang } = await ServerSide.getServerSideProps(context, "password_forget"); if (user != null) return { redirect: { destination: "/" + lang, permenant: false } } return { props: { lang } } }