import { useState, FormEvent } from 'react' import { useRouter } from 'next/router' import { useApp } from '@/lib/context' import Head from 'next/head' export default function LoginPage() { const { login, user, loading } = useApp() const router = useRouter() const [email, setEmail] = useState('') const [password, setPassword] = useState('') const [error, setError] = useState('') const [busy, setBusy] = useState(false) if (!loading && user) { const dest = { ADMIN: '/admin', QC: '/qc', PRODUCTION: '/fill', PRODUCTION_LEAD: '/fill', LOGISTICS_LEAD: '/qc/shipments', MANAGEMENT: '/management' } router.replace(dest[user.role] || '/qc') return null } const submit = async (e: FormEvent) => { e.preventDefault() setBusy(true) setError('') const err = await login(email, password) if (err) { setError(err); setBusy(false) } } return ( <> Sign in — V11 QMS

V11 Enterprise QMS

Sign in to your account

{error && (
{error}
)}
setEmail(e.target.value)} placeholder="you@company.com" style={{ width: '100%', padding: '9px 11px', fontSize: '13px', border: '0.5px solid #ddd', borderRadius: '8px', outline: 'none', fontFamily: 'inherit', background: 'transparent' }} />
setPassword(e.target.value)} placeholder="••••••••" style={{ width: '100%', padding: '9px 11px', fontSize: '13px', border: '0.5px solid #ddd', borderRadius: '8px', outline: 'none', fontFamily: 'inherit', background: 'transparent' }} />

No account? Ask your system administrator.

) }