verified flow

3 files changed, 13 insertions, 7 deletions

diff --git a/src/routes/(app)/[username]/settings/[...tab]/+page.svelte b/src/routes/(app)/[username]/settings/[...tab]/+page.svelte
index b300b75d..03b68973 100644
--- a/src/routes/(app)/[username]/settings/[...tab]/+page.svelte
+++ b/src/routes/(app)/[username]/settings/[...tab]/+page.svelte
@@ -39,7 +39,7 @@
 
   $: form?.user && ({ user } = form);
 
-  $: form?.success && success("Settings saved!");
+  $: form?.success && success($t("user.settings.saved"), false);
 
   $: form?.message && fail(form.message);
 
@@ -60,6 +60,11 @@
   let { address, id, username } = user;
   let loading;
 
+  onMount(() => {
+    if ($page.url.searchParams.get("verified"))
+      success($t("user.settings.verified"));
+  });
+
   async function handleSubmit() {
     try {
       loading = true;
@@ -146,8 +151,7 @@
             auth(cookies)
           );
 
-          warning("Verification email sent");
-          await sleep(4000);
+          warning($t("user.settings.verifying"), false);
         } catch (e) {
           console.log(e);
         }
diff --git a/src/routes/(app)/[username]/settings/[...tab]/_account.svelte b/src/routes/(app)/[username]/settings/[...tab]/_account.svelte
index e96341b4..773485f0 100644
--- a/src/routes/(app)/[username]/settings/[...tab]/_account.svelte
+++ b/src/routes/(app)/[username]/settings/[...tab]/_account.svelte
@@ -103,7 +103,7 @@
     <input type="text" name="email" bind:value={user.email} />
     {#if user.verified}
       <Icon icon="check" style="absolute right-5 top-3 w-8" />
-    {:else}
+    {:else if user.email}
       <Icon icon="orangeclock" style="absolute right-5 top-3 w-8" />
     {/if}
   </div>
diff --git a/src/routes/(app)/[username]/verify/[code]/+page.server.js b/src/routes/(app)/[username]/verify/[code]/+page.server.js
index fda11c9e..3ddcd412 100644
--- a/src/routes/(app)/[username]/verify/[code]/+page.server.js
+++ b/src/routes/(app)/[username]/verify/[code]/+page.server.js
@@ -1,12 +1,14 @@
 import { get } from "$lib/utils";
-import { error } from "@sveltejs/kit";
+import { error, redirect } from "@sveltejs/kit";
 
 export let load = async ({ params: { code } }) => {
+  let user;
   try {
-    let user = await get(`/verify/${code}`);
-    return { user };
+    user = await get(`/verify/${code}`);
   } catch (e) {
     console.log(e);
     return { error: "Verification failed" };
   }
+
+  throw redirect(307, `/${user.username}/settings/account?verified=true`);
 };