import Head from 'next/head'; import Link from 'next/link'; import { useRouter } from 'next/router'; import { FormEvent, useState } from 'react'; import { useAuth } from '../lib/auth-context'; export default function RegisterPage() { const { register } = useAuth(); const router = useRouter(); const [form, setForm] = useState({ name: '', email: '', password: '', orgName: '' }); const [error, setError] = useState(null); const [submitting, setSubmitting] = useState(false); const set = (key: keyof typeof form) => (e: { target: { value: string } }) => setForm((f) => ({ ...f, [key]: e.target.value })); const onSubmit = async (e: FormEvent) => { e.preventDefault(); setError(null); setSubmitting(true); try { await register(form); router.push('/'); } catch (err: any) { setError(err.message || 'Registration failed'); } finally { setSubmitting(false); } }; return (
Register · UlHub

Create your account

Registering creates a new organization with you as its admin.

{error &&

{error}

}

Already registered? Log in

); }