diff --git a/src/lang/en_GB.json b/src/lang/en_GB.json index 38b7f75..5ff5657 100644 --- a/src/lang/en_GB.json +++ b/src/lang/en_GB.json @@ -85,17 +85,16 @@ }, "profile": { + "locked": "This is a private account.", + "bot": "This is an automated account.", + "followers": "Followers", + "following": "Following", "follow": "Follow", "home_instance": "View on home instance", "more": "More", - - "followers": "Followers", - "following": "Following", - "posts": "Posts", "replies": "Replies", "media": "Media", - "loading": "loading profile..." }, diff --git a/src/lib/account.js b/src/lib/account.js index 50ff0b3..6580e21 100644 --- a/src/lib/account.js +++ b/src/lib/account.js @@ -33,6 +33,8 @@ export function parseAccount(data) { account.following_count = data.following_count; account.posts_count = data.statuses_count; account.bio = data.note; + account.bot = data.bot; + account.locked = data.locked; if (data.acct.includes('@')) account.host = data.acct.split('@')[1]; diff --git a/src/routes/[server]/[account]/+page.svelte b/src/routes/[server]/[account]/+page.svelte index 94f94e0..ea27fe1 100644 --- a/src/routes/[server]/[account]/+page.svelte +++ b/src/routes/[server]/[account]/+page.svelte @@ -2,6 +2,8 @@ import Button from '@cf/ui/Button.svelte'; import HomeIcon from '@cf/icons/unlisted.svg'; import MoreIcon from '@cf/icons/more.svg'; + import LockIcon from '@cf/icons/lock.svg'; + import BotIcon from '@cf/icons/bot.svg'; import Lang from '$lib/lang'; import * as api from '$lib/api.js'; import { server, createServer } from '$lib/client/server.js'; @@ -64,7 +66,21 @@
-

{@html profile.rich_name}

+
+

+ {@html profile.rich_name} + {#if profile.locked} + + + + {/if} + {#if profile.bot} + + + + {/if} +

+

{profile.fqn}

@@ -152,6 +168,13 @@ font-size: 1.15rem } + .profile-tag-names h1 :global(svg) { + height: 1.2em; + width: 1.2em; + margin: -1em -.1em 0 -.1em; + transform: translateY(.2em); + } + .profile-info { background-color: var(--bg-800); padding: 16px;