import type { NextPage } from 'next'; import Head from 'next/head'; import { useState, useEffect } from 'react'; import { useRouter } from 'next/router'; import { signIn, useSession } from 'next-auth/react'; import Link from 'next/link'; import toast from 'react-hot-toast'; const Login: NextPage = () => { const router = useRouter(); const { status } = useSession(); const [email, setEmail] = useState(''); const [password, setPassword] = useState(''); const [isLoading, setIsLoading] = useState(false); const [error, setError] = useState(''); useEffect(() => { if (status === 'authenticated') { router.push('/'); } }, [status, router]); if (status !== 'unauthenticated') { return null; } const handleSubmit = async (e: React.FormEvent) => { e.preventDefault(); setError(''); setIsLoading(true); try { const result = await signIn('credentials', { email, password, redirect: false, }); if (!result?.ok) { setError(result?.error || 'Přihlášení se nezdařilo'); toast.error(result?.error || 'Přihlášení se nezdařilo'); return; } toast.success('Úspěšně přihlášeni!'); router.push('/profile'); } catch (err) { setError('Přihlášení se nezdařilo. Prosím zkuste znovu.'); toast.error('Přihlášení se nezdařilo'); } finally { setIsLoading(false); } }; return ( <> Přihlášení | Vystříkejto.cz
{/* Login Form */}
{/* Header */}

Přihlášení

{/* Error Message */} {error && (

{error}

)} {/* Login Form */}
{/* Email Input */}
setEmail(e.target.value)} placeholder="Vaše e-mailová adresa" autoComplete="email" className="w-full px-4 py-3 bg-luxury-light/10 border border-luxury-gold/30 rounded-lg text-luxury-light placeholder:text-luxury-light/40 focus:outline-none focus:ring-2 focus:ring-luxury-gold focus:border-transparent transition-all" required />
{/* Password Input */}
setPassword(e.target.value)} placeholder="Vaše heslo" autoComplete="current-password" className="w-full px-4 py-3 bg-luxury-light/10 border border-luxury-gold/30 rounded-lg text-luxury-light placeholder:text-luxury-light/40 focus:outline-none focus:ring-2 focus:ring-luxury-gold focus:border-transparent transition-all" required />
{/* Remember Me & Forgot Password */}
Zapomenuté heslo?
{/* Submit Button */}
{/* Divider */}
nebo
{/* Google Sign In */} {/* Sign Up Link */}

Nemáte účet?{' '} Vytvořit účet

); }; export default Login;