eeff292
import { IconShieldCheck as ShieldCheck } from '@tabler/icons-react'
import { RegisterVerifyForm, useRegisterVerify } from '@/features/register-account'
import { routes } from '@/shared/config'
import { t } from '@/shared/i18n'
import { BackLink, EmailSummary, FlowRequired, Heading, Link } from '@/shared/ui'
import { AuthPanel } from '@/widgets/auth-panel'
export function RegisterVerifyPage({ onComplete }: { onComplete: () => void }) {
const model = useRegisterVerify(onComplete)
if (!model.draft)
return (
<FlowRequired
icon={ShieldCheck}
title={t('registerVerify.guardTitle')}
description={t('registerVerify.guardDescription')}
actionLabel={t('registerVerify.guardAction')}
actionTo={routes.register}
replace
/>
)
return (
<AuthPanel
heading={
<Heading
title={t('registerVerify.title')}
step={t('registerVerify.step')}
description={t('registerVerify.description')}
/>
}
notice={model.task.notice}
footer={<BackLink to={routes.register}>{t('registerVerify.back')}</BackLink>}
>
<EmailSummary
className="mb-8"
email={model.draft.email}
action={<Link to={routes.register}>{t('registerVerify.changeEmail')}</Link>}
/>
<RegisterVerifyForm model={model} />
</AuthPanel>
)
}