From ccde1dca9f7bb4e2d61c8abc4e77bddb9f077571 Mon Sep 17 00:00:00 2001
From: Adam Soltys <adam@coinos.io>
Date: Sun, 10 Aug 2025 07:30:33 -0700
Subject: wip

---
 src/routes/(app)/[username]/(profile)/+page.svelte | 18 ----------
 src/routes/(static)/welcome/+page.svelte           | 40 ++++++++++++++++++++++
 2 files changed, 40 insertions(+), 18 deletions(-)
 create mode 100644 src/routes/(static)/welcome/+page.svelte

(limited to 'src/routes')

diff --git a/src/routes/(app)/[username]/(profile)/+page.svelte b/src/routes/(app)/[username]/(profile)/+page.svelte
index c60c468a..74847061 100644
--- a/src/routes/(app)/[username]/(profile)/+page.svelte
+++ b/src/routes/(app)/[username]/(profile)/+page.svelte
@@ -47,24 +47,6 @@
       >
     </div>
   {/if}
-  {#if user?.fresh}
-    <div class="rounded-2xl space-y-2 p-4 shadow-lg">
-      <h1 class="text-3xl font-bold">{$t("user.settings.welcome")}</h1>
-      <div>
-        {$t("user.settings.yourUsername")} <b>{user?.username}</b>
-        {#if $password}
-          {$t("user.settings.yourPassword")}
-          <b>{$password}</b>{/if}
-      </div>
-
-      <div>{$t("user.settings.clickBelow")}</div>
-
-      <a href="/settings/profile" class="btn">
-        <iconify-icon icon="ph:gear-bold" width="32"></iconify-icon>
-        Settings</a
-      >
-    </div>
-  {/if}
   {#if user?.id && user.id === subject.id}
     <div class="space-y-5" data-sveltekit-preload-data="false">
       {#each accounts as account, i}
diff --git a/src/routes/(static)/welcome/+page.svelte b/src/routes/(static)/welcome/+page.svelte
new file mode 100644
index 00000000..80fd2613
--- /dev/null
+++ b/src/routes/(static)/welcome/+page.svelte
@@ -0,0 +1,40 @@
+<script>
+  import { t } from "$lib/translations";
+  import { password } from "$lib/store";
+
+  let { data } = $props();
+  let { user } = $derived(data);
+  let email = $state();
+</script>
+
+<div
+  class="mx-auto md:shadow-xl rounded-3xl max-w-xl w-full md:w-[480px] md:p-8 space-y-5 mb-20"
+>
+  <h1 class="text-2xl font-bold text-center">{$t("user.settings.welcome")}</h1>
+
+  <div>We've created a new account for you.</div>
+
+  <div>
+    Username: <b>{user?.username}</b><br />
+    Password: <b>{$password}</b>
+  </div>
+
+  <div>
+    <div>Enter your email if you'd like us to send you a login link</div>
+    <div class="flex mb-2">
+      <input
+        type="text"
+        name="username"
+        bind:value={email}
+        placeholder="Email"
+      />
+    </div>
+  </div>
+
+  <div>{$t("user.settings.clickBelow")}</div>
+
+  <a href="/settings/profile" class="btn">
+    <iconify-icon icon="ph:gear-bold" width="32"></iconify-icon>
+    Settings</a
+  >
+</div>
-- 
cgit v1.2.3