nicer package layout, also in checkout step 1, fixed missing registration language strings, registration error handling, email verification redirect, email verification error handling and messaging,
This commit is contained in:
@@ -1,7 +1,7 @@
|
||||
// Components
|
||||
import { store } from '@/actions/App/Http/Controllers/Auth/EmailVerificationNotificationController';
|
||||
import { logout } from '@/routes';
|
||||
import { Form, Head } from '@inertiajs/react';
|
||||
import { Form, Head, usePage } from '@inertiajs/react';
|
||||
import { LoaderCircle } from 'lucide-react';
|
||||
|
||||
import TextLink from '@/components/text-link';
|
||||
@@ -13,11 +13,26 @@ export default function VerifyEmail({ status }: { status?: string }) {
|
||||
const description = isNewRegistration
|
||||
? 'Thanks! Please confirm your email address to access your dashboard.'
|
||||
: 'Please verify your email address by clicking on the link we just emailed to you.';
|
||||
const page = usePage<{ flash?: { verification?: { status: string; title?: string; message?: string } } }>();
|
||||
const verificationFlash = page.props.flash?.verification;
|
||||
|
||||
return (
|
||||
<AuthLayout title="Verify email" description={description}>
|
||||
<Head title="Email verification" />
|
||||
|
||||
{verificationFlash && (
|
||||
<div
|
||||
className={`mb-6 rounded-md border p-4 text-left text-sm font-medium ${
|
||||
verificationFlash.status === 'success'
|
||||
? 'border-emerald-200 bg-emerald-50 text-emerald-800'
|
||||
: 'border-rose-200 bg-rose-50 text-rose-800'
|
||||
}`}
|
||||
>
|
||||
<p className="font-semibold">{verificationFlash.title}</p>
|
||||
<p className="mt-1 text-sm font-normal">{verificationFlash.message}</p>
|
||||
</div>
|
||||
)}
|
||||
|
||||
{isNewRegistration && (
|
||||
<div className="mb-6 rounded-md bg-blue-50 p-4 text-left text-sm text-blue-900">
|
||||
<p className="font-semibold">Almost there! Confirm your email address to start using Fotospiel.</p>
|
||||
|
||||
Reference in New Issue
Block a user