Install Breeze

2024-12-14 18:03:09 -05:00
parent cc613a3692
commit 89d0394de9
64 changed files with 7965 additions and 220 deletions
--- a/resources/js/Pages/Auth/VerifyEmail.jsx
+++ b/resources/js/Pages/Auth/VerifyEmail.jsx
@@ -0,0 +1,50 @@
+import PrimaryButton from '@/Components/PrimaryButton';
+import GuestLayout from '@/Layouts/GuestLayout';
+import { Head, Link, useForm } from '@inertiajs/react';
+
+export default function VerifyEmail({ status }) {
+    const { post, processing } = useForm({});
+
+    const submit = (e) => {
+        e.preventDefault();
+
+        post(route('verification.send'));
+    };
+
+    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 text-sm font-medium 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={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 dark:text-gray-400 dark:hover:text-gray-100 dark:focus:ring-offset-gray-800"
+                    >
+                        Log Out
+                    </Link>
+                </div>
+            </form>
+        </GuestLayout>
+    );
+}