52 lines
1.4 KiB
TypeScript
52 lines
1.4 KiB
TypeScript
'use client'
|
|
|
|
import { useSearchParams } from 'next/navigation'
|
|
|
|
import { UserAuthForm } from './user-register-form'
|
|
|
|
export default function Signup() {
|
|
const searchParams = useSearchParams()
|
|
const invitationCode = searchParams.get('invitationCode') || undefined
|
|
const isAdmin = searchParams.get('isAdmin') || false
|
|
|
|
const title = isAdmin ? 'Create an admin account' : 'Create an account'
|
|
|
|
const description = isAdmin
|
|
? 'Your instance will be secured, only registered users can access it.'
|
|
: 'Fill form below to create your account'
|
|
|
|
if (isAdmin || invitationCode) {
|
|
return <Content title={title} description={description} show />
|
|
} else {
|
|
return (
|
|
<Content
|
|
title="No invitation code"
|
|
description="Please contact your Tabby admin for an invitation code to register"
|
|
/>
|
|
)
|
|
}
|
|
}
|
|
|
|
function Content({
|
|
title,
|
|
description,
|
|
show
|
|
}: {
|
|
title: string
|
|
description: string
|
|
show?: boolean
|
|
}) {
|
|
const searchParams = useSearchParams()
|
|
const invitationCode = searchParams.get('invitationCode') || undefined
|
|
|
|
return (
|
|
<div className="w-[350px] space-y-6">
|
|
<div className="flex flex-col space-y-2 text-center">
|
|
<h1 className="text-2xl font-semibold tracking-tight">{title}</h1>
|
|
<p className="text-sm text-muted-foreground">{description}</p>
|
|
</div>
|
|
{show && <UserAuthForm invitationCode={invitationCode} />}
|
|
</div>
|
|
)
|
|
}
|