import { CheckCircle2, Mail, RefreshCw } from 'lucide-react'; import { useState } from 'react'; import { Head, Link, useForm } from '@inertiajs/react'; import { Alert, AlertDescription, AlertTitle } from '@/Components/ui/alert'; import { Button } from '@/Components/ui/button'; import { LoadingButton } from '@/Components/ui/loading-button'; import AuthLayout from '@/Layouts/AuthLayout'; interface VerifyEmailProps { status?: string; } export default function VerifyEmail({ status }: VerifyEmailProps) { const { post, processing } = useForm({}); const [resent, setResent] = useState(false); const submit = (e: React.FormEvent) => { e.preventDefault(); post(route('verification.send'), { onSuccess: () => setResent(true), }); }; return (

Verify your email

We've sent a verification link to your email address. Click the link to activate your account.

{(status === 'verification-link-sent' || resent) && ( Email sent! A new verification link has been sent to your email address. )}

What happens next?

Check your inbox (and spam folder)
Click the verification link in the email
You'll be redirected to your dashboard

); }