diff --git a/src/lib/components/account/sendVerificationEmailModal.svelte b/src/lib/components/account/sendVerificationEmailModal.svelte
new file mode 100644
index 0000000000..bbe676142b
--- /dev/null
+++ b/src/lib/components/account/sendVerificationEmailModal.svelte
@@ -0,0 +1,79 @@
+
+
+
+
+
+
+ To continue using Appwrite Cloud, please verify your email address. An email will be
+ sent to {get(user)?.email}
+
+
+
+
+
+
+
+
diff --git a/src/lib/components/alerts/emailVerificationBanner.svelte b/src/lib/components/alerts/emailVerificationBanner.svelte
index 51fc4bbab9..8d0bdacb5d 100644
--- a/src/lib/components/alerts/emailVerificationBanner.svelte
+++ b/src/lib/components/alerts/emailVerificationBanner.svelte
@@ -1,55 +1,21 @@
{#if shouldShowEmailBanner}
-
+
To avoid losing access to your projects, make sure
-
+
+
{/if}
diff --git a/src/routes/(console)/+layout.svelte b/src/routes/(console)/+layout.svelte
index 1b0748e124..73846afa28 100644
--- a/src/routes/(console)/+layout.svelte
+++ b/src/routes/(console)/+layout.svelte
@@ -59,7 +59,6 @@
import type { LayoutData } from './$types';
export let data: LayoutData;
- let emailBannerClosed = false;
function kebabToSentenceCase(str: string) {
return str
@@ -347,9 +346,7 @@
- (emailBannerClosed = closed)} />
+
{#if $wizard.show && $wizard.component}
diff --git a/src/routes/(console)/account/updateEmail.svelte b/src/routes/(console)/account/updateEmail.svelte
index e2e2d6cd44..48d2beaa69 100644
--- a/src/routes/(console)/account/updateEmail.svelte
+++ b/src/routes/(console)/account/updateEmail.svelte
@@ -8,6 +8,7 @@
import { sdk } from '$lib/stores/sdk';
import { user } from '$lib/stores/user';
import { onMount } from 'svelte';
+ import { Badge, Layout } from '@appwrite.io/pink-svelte';
let email: string = null;
let emailPassword: string = null;
@@ -40,7 +41,14 @@