Sha256: bb4be19eb186d8b78b03cf47f4a273c8332e97c7989c8c814fbacbdd613a279d
Contents?: true
Size: 1.7 KB
Versions: 13
Compression:
Stored size: 1.7 KB
Contents
import GuestLayout from '@/Layouts/GuestLayout'
import PrimaryButton from '@/Components/PrimaryButton'
import { Head, Link, useForm } from '@inertiajs/react'
import { FormEventHandler } from 'react'
import { logout_path, verification_send_path } from '@/routes'
export default function VerifyEmail({ status }: { status?: string }) {
const { post, processing } = useForm({})
const submit: FormEventHandler = (e) => {
e.preventDefault()
post(verification_send_path())
}
return (
<GuestLayout>
<Head title="Email Verification" />
<div className="mb-4 text-sm text-gray-600 dark:text-gray-400">
Thanks for signing up! Before getting started, could you verify your email address by clicking on the link we
just emailed to you? If you didn't receive the email, we will gladly send you another.
</div>
{status === 'verification-link-sent' && (
<div className="mb-4 font-medium text-sm text-green-600 dark:text-green-400">
A new verification link has been sent to the email address you provided during registration.
</div>
)}
<form onSubmit={submit}>
<div className="mt-4 flex items-center justify-between">
<PrimaryButton disabled={processing}>Resend Verification Email</PrimaryButton>
<Link
href={logout_path()}
method="post"
as="button"
className="underline text-sm text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-100 rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 dark:focus:ring-offset-gray-800"
>
Log Out
</Link>
</div>
</form>
</GuestLayout>
)
}
Version data entries
13 entries across 13 versions & 1 rubygems