45 lines
1.1 KiB
TypeScript
45 lines
1.1 KiB
TypeScript
import { Link } from '@tanstack/react-router'
|
|
import {
|
|
Card,
|
|
CardContent,
|
|
CardDescription,
|
|
CardFooter,
|
|
CardHeader,
|
|
CardTitle,
|
|
} from '@/components/ui/card'
|
|
import { AuthLayout } from '../auth-layout'
|
|
import { OtpForm } from './components/otp-form'
|
|
|
|
export function Otp() {
|
|
return (
|
|
<AuthLayout>
|
|
<Card className='gap-4'>
|
|
<CardHeader>
|
|
<CardTitle className='text-base tracking-tight'>
|
|
Two-factor Authentication
|
|
</CardTitle>
|
|
<CardDescription>
|
|
Please enter the authentication code. <br /> We have sent the
|
|
authentication code to your email.
|
|
</CardDescription>
|
|
</CardHeader>
|
|
<CardContent>
|
|
<OtpForm />
|
|
</CardContent>
|
|
<CardFooter>
|
|
<p className='px-8 text-center text-sm text-muted-foreground'>
|
|
Haven't received it?{' '}
|
|
<Link
|
|
to='/sign-in'
|
|
className='underline underline-offset-4 hover:text-primary'
|
|
>
|
|
Resend a new code.
|
|
</Link>
|
|
.
|
|
</p>
|
|
</CardFooter>
|
|
</Card>
|
|
</AuthLayout>
|
|
)
|
|
}
|