forked from ProjectSegfault/website
		
	| @@ -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} /> | ||||
|   | ||||
		Reference in New Issue
	
	Block a user