import React, { useEffect, useState } from 'react'; import Head from 'next/head'; import { useRouter } from 'next/router'; import { useSession, signIn } from 'next-auth/react'; import { Eye, EyeOff } from 'lucide-react'; export default function SignInPage() { const router = useRouter(); const { data: session, status } = useSession(); const [username, setUsername] = useState(''); const [password, setPassword] = useState(''); const [showPassword, setShowPassword] = useState(false); const [loading, setLoading] = useState(false); const [error, setError] = useState(null); const [providers, setProviders] = useState(null); useEffect(() => { if (status === 'authenticated') { router.replace('/'); } }, [status]); useEffect(() => { async function fetchProviders() { try { const r = await fetch('/api/auth/providers'); if (r.ok) setProviders(await r.json()); } catch {} } fetchProviders(); }, []); async function handleSubmit(e: React.FormEvent) { e.preventDefault(); setError(null); setLoading(true); const res = await signIn('credentials', { redirect: false, username, password, }); setLoading(false); if (res?.error) { setError(res.error || 'Login failed'); return; } router.push('/'); } async function handleGoogle() { await signIn('google'); } return ( <> Sign in - Gregory AI
Gregory AI

Welcome back

Sign in to continue your conversations.

setUsername(e.target.value)} placeholder="Username or Email" style={{ padding:'12px 14px', borderRadius:10, border:'1px solid #e5e7eb' }} />
setPassword(e.target.value)} placeholder="Password" type={showPassword ? 'text' : 'password'} style={{ padding:'12px 14px', paddingRight: '44px', borderRadius:10, border:'1px solid #e5e7eb', width: '100%', boxSizing: 'border-box' }} />
{error &&
{error}
} {providers?.google && ( )}
New here? Create an account
); }