brian/wanderer
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fixes following type

Browse Source
This commit is contained in:
Christian Beutel
2024-12-26 19:25:37 +01:00
parent 6caa2a3dff
commit 6a1e7c0370
1 changed files with 11 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
web/src/routes/profile/[id]/users/[type]/+page.svelte
View File

@@ -7,6 +7,9 @@
let loading: boolean = false; let loading: boolean = false;
const key: "follower" | "followee" =
$page.params.type == "following" ? "followee" : "follower";
$: pagination = { $: pagination = {
page: data.follows.page, page: data.follows.page,
totalPages: data.follows.totalPages, totalPages: data.follows.totalPages,
@@ -39,22 +42,22 @@
<h1 class="text-3xl font-semibold mb-4">{$_($page.params.type)}</h1> <h1 class="text-3xl font-semibold mb-4">{$_($page.params.type)}</h1>
<ul class="space-y-4"> <ul class="space-y-4">
{#each data.follows.items as follow} {#each data.follows.items as follow}
{#if !follow.expand?.follower.private} {#if !follow.expand?.[key].private}
<a href="/profile/{follow.expand?.follower.id}"> <a href="/profile/{follow.expand?.[key].id}">
<li <li
class="flex items-center gap-x-4 hover:bg-menu-item-background-hover p-4" class="flex items-center gap-x-4 hover:bg-menu-item-background-hover p-4"
> >
<img <img
class="rounded-full w-10 aspect-square overflow-hidden" class="rounded-full w-10 aspect-square overflow-hidden"
src={getFileURL( src={getFileURL(
follow.expand?.follower ?? {}, follow.expand?.[key] ?? {},
follow.expand?.follower.avatar, follow.expand?.[key].avatar,
) || ) ||
`https://api.dicebear.com/7.x/initials/svg?seed=${data.user.username}&backgroundType=gradientLinear`} `https://api.dicebear.com/7.x/initials/svg?seed=${data.user.username}&backgroundType=gradientLinear`}
alt="avatar" alt="avatar"
/> />
<p class="text-lg font-medium"> <p class="text-lg font-medium">
{follow.expand?.follower.username} {follow.expand?.[key].username}
</p> </p>
</li> </li>
</a> </a>
@@ -65,14 +68,14 @@
<img <img
class="rounded-full w-10 aspect-square overflow-hidden" class="rounded-full w-10 aspect-square overflow-hidden"
src={getFileURL( src={getFileURL(
follow.expand?.follower ?? {}, follow.expand?.[key] ?? {},
follow.expand?.follower.avatar, follow.expand?.[key].avatar,
) || ) ||
`https://api.dicebear.com/7.x/initials/svg?seed=${data.user.username}&backgroundType=gradientLinear`} `https://api.dicebear.com/7.x/initials/svg?seed=${data.user.username}&backgroundType=gradientLinear`}
alt="avatar" alt="avatar"
/> />
<p class="text-lg font-medium"> <p class="text-lg font-medium">
{follow.expand?.follower.username} {follow.expand?.[key].username}
</p> </p>
</li> </li>
{/if} {/if}