diff options
| -rw-r--r-- | src/locales/en.json | 2 | ||||
| -rw-r--r-- | src/routes/(app)/[username]/(profile)/+page.svelte | 18 | ||||
| -rw-r--r-- | src/routes/(static)/welcome/+page.svelte | 40 |
3 files changed, 41 insertions, 19 deletions
diff --git a/src/locales/en.json b/src/locales/en.json index 0ff021cd..70ea906f 100644 --- a/src/locales/en.json +++ b/src/locales/en.json @@ -357,7 +357,7 @@ "newPassword": "New Password", "newPasswordDesc": "(Leave blank to keep unchanged)", "yourUsername": "Your username is", - "yourPassword": "and your password is", + "yourPassword": "Your password is", "welcome": "Welcome!", "clickBelow": "Click below to finish setting up your account", "about": "About", 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> |