blisstown/campfire
3
0
Fork 0
Code Issues 19 Pull requests Projects Releases Packages Wiki Activity Actions

add i18n to profile page

Browse source
This commit is contained in:
ari melody 2025-07-13 22:00:33 +01:00
parent 7752585488
commit 667b11f2f4
Signed by: ari
GPG key ID: CF99829C92678188
2 changed files with 27 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

13
src/lang/en_GB.json
View file

@ -84,6 +84,19 @@
} }
}, },
"profile": {
"follow": "Follow",
"home_instance": "View on home instance",
"more": "More",
"followers": "Followers",
"following": "Following",
"posts": "Posts",
"replies": "Replies",
"media": "Media"
},
"logs": { "logs": {
"logged_in": "Logged in as %1", "logged_in": "Logged in as %1",
"server_detected": "Server detected as %1 (%2) with capabilities: {%3}}", "server_detected": "Server detected as %1 (%2) with capabilities: {%3}}",

23
src/routes/[server]/[account]/+page.svelte
View file

@ -1,7 +1,10 @@
<script> <script>
import Button from '@cf/ui/Button.svelte'; import Button from '@cf/ui/Button.svelte';
import HomeIcon from '../../../img/icons/unlisted.svg'; import HomeIcon from '@cf/icons/unlisted.svg';
import MoreIcon from '../../../img/icons/more.svg'; import MoreIcon from '@cf/icons/more.svg';
import Lang from '$lib/lang';
const lang = Lang('en_GB');
</script> </script>
<header> <header>
@ -30,15 +33,15 @@ also <a href="" class="mention">@mae</a>
</p> </p>
<p class="profile-counts"> <p class="profile-counts">
<span> <span>
<b>Followers</b> 1225 <b>{lang.string('profile.followers')}</b> 1225
</span> </span>
<span> <span>
<b>Following</b> 1345 <b>{lang.string('profile.following')}</b> 1345
</span> </span>
</p> </p>
<div class="profile-actions"> <div class="profile-actions">
<Button label="Follow" class="profile-btn-follow">Follow</Button> <Button label="{lang.string('profile.follow')}" class="profile-btn-follow">{lang.string('profile.follow')}</Button>
<Button> <Button label="{lang.string('profile.home_instance')}">
<HomeIcon width="24px"/> <HomeIcon width="24px"/>
</Button> </Button>
<Button> <Button>
@ -49,9 +52,9 @@ also <a href="" class="mention">@mae</a>
</div> </div>
<div class="profile-post-categories"> <div class="profile-post-categories">
<Button active>Posts</Button> <Button active>{lang.string('profile.posts')}</Button>
<Button>Posts & replies</Button> <Button>{lang.string('profile.replies')}</Button>
<Button>Media</Button> <Button>{lang.string('profile.media')}</Button>
</div> </div>
<style> <style>
@ -69,7 +72,7 @@ also <a href="" class="mention">@mae</a>
position: absolute; position: absolute;
bottom: 16px; bottom: 16px;
left: 16px; left: 16px;
background: #00000080; background: color-mix(in srgb, transparent, var(--bg-1000) 50%);
backdrop-filter: blur(8px); backdrop-filter: blur(8px);
width: fit-content; width: fit-content;
display: flex; display: flex;