zaire/campfire
1
0
Fork 0
forked from blisstown/campfire
Code Pull requests Activity

feat: follow requests in sidebar

Browse source
This commit is contained in:
mae taylor 2025-07-14 17:42:20 +01:00
parent 0dd903a4eb
commit 6f446fd871
Signed by: mae
GPG key ID: 3C80D76BA7A3B9BD
6 changed files with 117 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

25
src/lib/ui/Navigation.svelte
View file

@ -6,8 +6,9 @@
import { playSound } from '$lib/sound.js';
import { goto } from '$app/navigation';
import { page } from '$app/stores';
import { createEventDispatcher } from 'svelte';
import { createEventDispatcher, onMount } from 'svelte';
import { unread_notif_count } from '$lib/notifications.js';
import { fetchFollowRequests, followRequests } from '$lib/followRequests.js'
import Lang from '$lib/lang';
import Logo from '$lib/../img/campfire-logo.svg';
@ -24,6 +25,7 @@
import InfoIcon from '../../img/icons/info.svg';
import SettingsIcon from '../../img/icons/settings.svg';
import LogoutIcon from '../../img/icons/logout.svg';
import FollowersIcon from '../../img/icons/followers.svg';
const VERSION = APP_VERSION;
const lang = Lang('en_GB');
@ -40,7 +42,7 @@
goto(`/${$server.host}/${$account.username}`);
}
async function log_out() {
async function logOut() {
if (!confirm("This will log you out. Are you sure?")) return;
const res = await api.revokeToken(
@ -59,6 +61,10 @@
goto("/");
}
onMount(async () => {
await fetchFollowRequests(true)
})
</script>
<div id="navigation">
@ -91,6 +97,19 @@
</span>
{/if}
</Button>
{#if $followRequests.length > 0}
<Button label="Follow requests"
href="/follow-requests"}
active={$page.url.pathname === "/follow-requests"}>
<svelte:fragment slot="icon">
<FollowersIcon/>
</svelte:fragment>
{lang.string('navigation.follow_requests')}
<span class="notification-count">
{$followRequests.length}
</span>
</Button>
{/if}
<Button label="Explore" disabled>
<svelte:fragment slot="icon">
<ExploreIcon height="auto"/>
@ -142,7 +161,7 @@
<SettingsIcon/>
</svelte:fragment>
</Button>
<Button centered label="{lang.string('navigation.log_out')}" on:click={() => log_out()}>
<Button centered label="{lang.string('navigation.log_out')}" on:click={() => logOut()}>
<svelte:fragment slot="icon">
<LogoutIcon/>
</svelte:fragment>