From 3e107fdaa7aa455722e4b9a45fcf33364e843a39 Mon Sep 17 00:00:00 2001
From: Harsh Mahajan <127186841+HarshMN2345@users.noreply.github.com>
Date: Mon, 22 Sep 2025 17:43:35 +0530
Subject: [PATCH] Pass email prop from verify page to modal to render
 immediately

---
 src/lib/components/account/sendVerificationEmailModal.svelte | 5 +++--
 src/routes/(console)/verify-email/+page.svelte               | 2 +-
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/lib/components/account/sendVerificationEmailModal.svelte b/src/lib/components/account/sendVerificationEmailModal.svelte
index 9c380cf99..356018a05 100644
--- a/src/lib/components/account/sendVerificationEmailModal.svelte
+++ b/src/lib/components/account/sendVerificationEmailModal.svelte
@@ -16,7 +16,7 @@
     import { logout } from '$lib/helpers/logout';
     import { browser } from '$app/environment';
 
-    let { show = $bindable(false) } = $props();
+    let { show = $bindable(false), email: emailFromParent = null } = $props();
     let creating = $state(false);
     let emailSent = $state(false);
     let resendTimer = $state(0);
@@ -27,6 +27,7 @@
     const EMAIL_SENT_KEY = 'email-verification-sent';
 
     let cleanUrl = $derived(page.url.origin + page.url.pathname);
+    const resolvedEmail = $derived(emailFromParent ?? get(user)?.email);
 
     // Determine if we should show the modal
     const hasUser = $derived(!!$user);
@@ -165,7 +166,7 @@
                         will be sent to <Typography.Text
                             variant="m-600"
                             color="neutral-secondary"
-                            style="display: inline;">{get(user)?.email}</Typography.Text>
+                            style="display: inline;">{resolvedEmail}</Typography.Text>
                     </Typography.Text>
                     <Layout.Stack class="u-margin-block-start-4">
                         <Layout.Stack direction="row">
diff --git a/src/routes/(console)/verify-email/+page.svelte b/src/routes/(console)/verify-email/+page.svelte
index dec0b5b4b..39597138e 100644
--- a/src/routes/(console)/verify-email/+page.svelte
+++ b/src/routes/(console)/verify-email/+page.svelte
@@ -147,7 +147,7 @@
     </div>
 
     <!-- email verification modal -->
-    <SendVerificationEmailModal bind:show={showVerificationModal} />
+    <SendVerificationEmailModal bind:show={showVerificationModal} email={data.user?.email} />
 </div>
 
 <style lang="scss">