import Head from 'next/head'; import Link from 'next/link'; import { useRouter } from 'next/router'; import { FormEvent, useEffect, useState } from 'react'; import { useAuth } from '../lib/auth-context'; export default function LoginPage() { const { user, loading, login } = useAuth(); const router = useRouter(); const [email, setEmail] = useState(''); const [password, setPassword] = useState(''); const [error, setError] = useState(null); const [submitting, setSubmitting] = useState(false); useEffect(() => { if (!loading && user) { router.replace('/'); } }, [loading, user, router]); const onSubmit = async (e: FormEvent) => { e.preventDefault(); setError(null); setSubmitting(true); try { await login(email, password); router.push('/'); } catch (err: any) { setError(err.message || 'Login failed'); } finally { setSubmitting(false); } }; return (

UlHub

No account? Register

); }