Added timezones

2026-04-04 22:19:58 +10:00
parent 7f62c31456
commit 509efbe821
11 changed files with 516 additions and 424 deletions
@@ -1,14 +1,14 @@
-<script setup>
-import { computed } from 'vue';
-import GuestLayout from '@/Layouts/GuestLayout.vue';
-import PrimaryButton from '@/Components/PrimaryButton.vue';
-import { Head, Link, useForm } from '@inertiajs/vue3';
+<script setup lang="ts">
+import MainLayout from "@/Layouts/MainLayout.vue";
+import GlassBox from "@/Components/FlightsGoneBy/GlassBox.vue";
+import { Head, Link, useForm } from "@inertiajs/vue3";
+import { computed } from "vue";

-const props = defineProps({
-    status: {
-        type: String,
-    },
-});
+defineOptions({ layout: MainLayout });
+
+const props = defineProps<{
+    status?: string;
+}>();

 const form = useForm({});

@@ -16,46 +16,57 @@ const submit = () => {
    form.post(route('verification.send'));
 };

-const verificationLinkSent = computed(
-    () => props.status === 'verification-link-sent',
-);
+const verificationLinkSent = computed(() => props.status === 'verification-link-sent');
 </script>

 <template>
-    <GuestLayout>
-        <Head title="Email Verification" />
+    <Head title="Email Verification" />
+    <GlassBox>
+        <h2>Verify Your Email</h2>
+        <p>Thanks for signing up! Please verify your email address by clicking the link we sent you. If you didn't receive it, we can send another.</p>

-        <div class="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>
+        <v-alert v-if="verificationLinkSent" type="success" class="mb-2">
+            A new verification link has been sent to your email address.
+        </v-alert>

-        <div
-            class="mb-4 text-sm font-medium text-green-600"
-            v-if="verificationLinkSent"
-        >
-            A new verification link has been sent to the email address you
-            provided during registration.
-        </div>
+        <v-form style="width: 100%" @submit.prevent="submit">
+            <v-container>
+                <v-row>
+                    <v-col cols="12" class="d-flex align-center justify-space-between">
+                        <v-btn
+                            size="large"
+                            type="submit"
+                            :loading="form.processing"
+                            :disabled="form.processing"
+                        >
+                            Resend Verification Email
+                        </v-btn>

-        <form @submit.prevent="submit">
-            <div class="mt-4 flex items-center justify-between">
-                <PrimaryButton
-                    :class="{ 'opacity-25': form.processing }"
-                    :disabled="form.processing"
-                >
-                    Resend Verification Email
-                </PrimaryButton>
-
-                <Link
-                    :href="route('logout')"
-                    method="post"
-                    as="button"
-                    class="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>
+                        <Link
+                            :href="route('logout')"
+                            method="post"
+                            as="button"
+                            style="opacity: 0.7; font-size: 0.9rem"
+                        >
+                            Log Out
+                        </Link>
+                    </v-col>
+                </v-row>
+            </v-container>
+        </v-form>
+    </GlassBox>
 </template>
+
+<style scoped>
+h2 {
+    font-size: 2rem;
+    text-align: center;
+}
+
+p {
+    text-align: center;
+    width: 100%;
+    opacity: 0.7;
+    margin-bottom: 1rem;
+}
+</style>