Install Breeze

2024-11-09 15:55:56 +01:00
parent 7e78476b1e
commit b39a51c625
65 changed files with 7416 additions and 190 deletions
--- a/resources/js/Pages/Auth/VerifyEmail.tsx
+++ b/resources/js/Pages/Auth/VerifyEmail.tsx
@ -0,0 +1,51 @@
+import PrimaryButton from '@/Components/PrimaryButton';
+import GuestLayout from '@/Layouts/GuestLayout';
+import { Head, Link, useForm } from '@inertiajs/react';
+import { FormEventHandler } from 'react';
+
+export default function VerifyEmail({ status }: { status?: string }) {
+    const { post, processing } = useForm({});
+
+    const submit: FormEventHandler = (e) => {
+        e.preventDefault();
+
+        post(route('verification.send'));
+    };
+
+    return (
+        <GuestLayout>
+            <Head title="Email Verification" />
+
+            <div className="mb-4 text-sm text-gray-600">
+                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 text-sm font-medium text-green-600">
+                    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={route('logout')}
+                        method="post"
+                        as="button"
+                        className="rounded-md text-sm text-gray-600 underline hover:text-gray-900 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2"
+                    >
+                        Log Out
+                    </Link>
+                </div>
+            </form>
+        </GuestLayout>
+    );
+}