UpdateProfileInformationForm.vue in kaze-0.10.0

- old
+ new

@@ -1,12 +1,12 @@
 <script setup lang="ts">
 import InputError from '@/Components/InputError.vue'
 import InputLabel from '@/Components/InputLabel.vue'
 import PrimaryButton from '@/Components/PrimaryButton.vue'
 import TextInput from '@/Components/TextInput.vue'
-import { useForm, usePage } from '@inertiajs/vue3'
-import { profile_update_path } from '@/routes'
+import { Link, useForm, usePage } from '@inertiajs/vue3'
+import { profile_update_path, verification_send_path } from '@/routes'
 
 defineProps<{
   mustVerifyEmail?: Boolean
   status?: String
 }>()
@@ -57,9 +57,30 @@
           required
           autocomplete="username"
         />
 
         <InputError class="mt-2" :message="form.errors.email" />
+      </div>
+
+      <div v-if="mustVerifyEmail && user.email_verified_at === null">
+        <p class="text-sm mt-2 text-gray-800 dark:text-gray-200">
+          Your email address is unverified.
+          <Link
+            :href="verification_send_path()"
+            method="post"
+            as="button"
+            class="underline text-sm text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-100 rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 dark:focus:ring-offset-gray-800"
+          >
+            Click here to re-send the verification email.
+          </Link>
+        </p>
+
+        <div
+          v-show="status === 'verification-link-sent'"
+          class="mt-2 font-medium text-sm text-green-600 dark:text-green-400"
+        >
+          A new verification link has been sent to your email address.
+        </div>
       </div>
 
       <div class="flex items-center gap-4">
         <PrimaryButton :disabled="form.processing">Save</PrimaryButton>
 