alice.pds.demo.boltless.dev
This repository has no description
1<script lang="ts">
2 import { resolve } from "$app/paths";
3 import Users from "$icon/users";
4
5 interface Props {
6 handle: string;
7 followers: number;
8 following: number;
9 }
10
11 let { handle, followers, following }: Props = $props();
12</script>
13
14<div
15 class="my-2 flex max-w-full items-center gap-2 overflow-hidden text-sm text-ellipsis whitespace-nowrap"
16>
17 <span class="flex-shrink-0"><Users class="size-4" aria-hidden="true" /></span>
18 <span>
19 <a href={resolve(`/${handle}?tab=followers` as "/")} class="no-underline hover:underline"
20 >{followers} followers</a
21 >
22 </span>
23 <span class="select-none after:content-['·']"></span>
24 <span>
25 <a href={resolve(`/${handle}?tab=following` as "/")} class="no-underline hover:underline"
26 >{following} following</a
27 >
28 </span>
29</div>