From c5ec2004e2f9ad5ee5c70e0d5d15e5216790b162 Mon Sep 17 00:00:00 2001
From: Trirst <abeces968@gmail.com>
Date: Sat, 23 Oct 2021 03:46:43 +0700
Subject: [PATCH] User page
---
src/lib/UserAuthentication.svelte | 5 ++++-
src/routes.js | 2 ++
src/routes/User.svelte | 14 ++++++++++++++
3 files changed, 20 insertions(+), 1 deletion(-)
create mode 100644 src/routes/User.svelte
diff --git a/src/lib/UserAuthentication.svelte b/src/lib/UserAuthentication.svelte
index 21e5fc8..ca591e9 100644
--- a/src/lib/UserAuthentication.svelte
+++ b/src/lib/UserAuthentication.svelte
@@ -37,6 +37,9 @@
<input type="text" class="border-2 border-gray-300" bind:value={secret} />
<button on:click={login} class="hover:opacity-60">Login</button>
{:else}
- <span>Welcome, user <strong>{$user.username}</strong></span>
+ <span
+ >Welcome, user <a href="#/user" class="hover:opacity-50"><strong>{$user.username}</strong></a
+ ></span
+ >
<button on:click={logout} class="hover:opacity-60">Logout</button>
{/if}
diff --git a/src/routes.js b/src/routes.js
index c2ff3c5..6f11f50 100644
--- a/src/routes.js
+++ b/src/routes.js
@@ -3,6 +3,7 @@ import Upload from '@/routes/Upload.svelte';
import ImagePost from '@/routes/ImagePost.svelte';
import Tag from '@/routes/Tag.svelte';
import Browse from '@/routes/Browse.svelte';
+import User from '@/routes/User.svelte';
export default {
'/': Home,
@@ -10,4 +11,5 @@ export default {
'/image/:snowflake': ImagePost,
'/tag': Tag,
'/browse': Browse,
+ '/user': User,
}
\ No newline at end of file
diff --git a/src/routes/User.svelte b/src/routes/User.svelte
new file mode 100644
index 0000000..4e0c45e
--- /dev/null
+++ b/src/routes/User.svelte
@@ -0,0 +1,14 @@
+<script>
+ import { user } from "@/stores";
+</script>
+
+<svelte:head>
+ <title>User</title>
+</svelte:head>
+
+<ul>
+ <li>ID: {$user.id}</li>
+ <li>Username: {$user.username}</li>
+ <li>Is privileged?: {$user.privileged}</li>
+ <li>Secret: {$user.secret}</li>
+</ul>
--
GitLab