forked from ProjectSegfault/website
commit
0124560e76
@ -9,6 +9,7 @@ export const load = (async () => {
|
||||
|
||||
return {
|
||||
users: get(pubnixUsers),
|
||||
onlineUserCount: get(pubnixUsers).length,
|
||||
...meta
|
||||
}
|
||||
}) satisfies PageServerLoad;
|
||||
|
@ -5,6 +5,10 @@
|
||||
import User, { type UserType } from "./User.svelte";
|
||||
|
||||
const isOnline = (user: UserType) => user.online;
|
||||
|
||||
const onlineUserCount = data.users.users.filter(isOnline).length;
|
||||
|
||||
const userCount = data.users.users.length;
|
||||
</script>
|
||||
|
||||
<div class="h1-no-lg flex flex-col sm:(flex-row items-center) gap-4">
|
||||
@ -33,6 +37,7 @@
|
||||
|
||||
{#if !data.users.error}
|
||||
{#if data.users.users.some(isOnline)}
|
||||
<p>There are {onlineUserCount} users online out of {userCount} users.</p>
|
||||
<div class="flex flex-row flex-wrap gap-4">
|
||||
{#each data.users.users as user}
|
||||
{#if user.online}
|
||||
|
@ -3,12 +3,15 @@
|
||||
export let data: PageData;
|
||||
|
||||
import User from "../User.svelte";
|
||||
|
||||
const userCount = data.users.users.length;
|
||||
</script>
|
||||
|
||||
<h1>{data.title}</h1>
|
||||
|
||||
{#if !data.users.error}
|
||||
{#if data.users.users.length > 0}
|
||||
<p>There are {userCount} users on the pubnix.</p>
|
||||
<div class="flex flex-row flex-wrap gap-4">
|
||||
{#each data.users.users as user}
|
||||
<User {user} />
|
||||
|
Loading…
Reference in New Issue
Block a user