- {#if data.status.warning}
-
- {data.status.warning}
-
- {:else}
- {@html data.status.rich_text}
- {/if}
-
- {#if data.status.media && data.status.media.length > 0}
-
- {/if}
+ {@html data.status.html}
+
-
+
-
+
@@ -95,11 +84,6 @@
- {#if $account && post.account.id === $account.id}
-
-
-
- {/if}
diff --git a/src/lib/ui/post/ReactionButton.svelte b/src/lib/ui/post/ReactionButton.svelte
index 6b933b1..fee3a97 100644
--- a/src/lib/ui/post/ReactionButton.svelte
+++ b/src/lib/ui/post/ReactionButton.svelte
@@ -1,5 +1,5 @@
@@ -49,7 +49,6 @@
border-radius: 8px;
transition: background-color .1s, color .1s;
cursor: pointer;
- border: 1px solid var(--bg-700);
}
button.active {
@@ -73,7 +72,7 @@
}
.icon {
- min-width: 20px;
+ width: 20px;
height: 20px;
display: flex;
justify-content: center;
diff --git a/src/lib/ui/post/ReplyContext.svelte b/src/lib/ui/post/ReplyContext.svelte
index 0474460..20d7ab4 100644
--- a/src/lib/ui/post/ReplyContext.svelte
+++ b/src/lib/ui/post/ReplyContext.svelte
@@ -1,15 +1,18 @@
diff --git a/src/lib/user/user.js b/src/lib/user/user.js
new file mode 100644
index 0000000..050572b
--- /dev/null
+++ b/src/lib/user/user.js
@@ -0,0 +1,29 @@
+import { client } from '../client/client.js';
+import { parseText as parseEmojis } from '../emoji.js';
+import { get } from 'svelte/store';
+
+export default class User {
+ id;
+ nickname;
+ username;
+ host;
+ avatar_url;
+ emojis;
+ url;
+
+ get name() {
+ return this.nickname || this.username;
+ }
+
+ get mention() {
+ let res = "@" + this.username;
+ if (this.host != get(client).instance.host)
+ res += "@" + this.host;
+ return res;
+ }
+
+ get rich_name() {
+ if (!this.nickname) return this.username;
+ return parseEmojis(this.nickname, this.host);
+ }
+}
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index aec6b96..27eab4b 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -1,52 +1,49 @@
+
- show_composer = true} />
+
- {#await init()}
+ {#await ready}
just a moment...
@@ -59,9 +56,6 @@
-
- show_composer = false }/>
-