Monorepo for Tangled
Something went wrong. Try again.
Svelte
123456789101112131415161718192021222324252627282930313233<script lang="ts"> import { resolve } from "$app/paths"; import Users from "$icon/users"; import Separator from "$lib/components/ui/Separator.svelte"; import { formatCount } from "$lib/format";
interface Props { handle: string; followers: number; following: number; class?: string; }
let { handle, followers, following, class: className }: Props = $props();</script>
<div class="my-2 flex max-w-full items-center gap-2 truncate typography-paragraph-small {className}"> <span class="shrink-0"><Users class="size-4" aria-hidden="true" /></span> <span> <a href={resolve(`/${handle}?tab=followers` as "/")} class="no-underline hover:underline" >{formatCount(followers)} followers</a > </span> <span class="text-foreground-subtle"><Separator variant="dot" /></span> <span> <a href={resolve(`/${handle}?tab=following` as "/")} class="no-underline hover:underline" >{formatCount(following)} following</a > </span></div>