~ knotless Search/
↑↓ move↵ open⇧↵ all results

johnandersen777.bsky.social/knotless

git that lives in your Atmosphere account

Forked from chadtmiller.com/knotless

0
0
24 lines · 798 B Raw History
<script lang="ts">
	import type { ActorView } from '#lib/lexicons/dev/knotless/defs.ts';
	import { urlPath } from '#lib/format.ts';
	import Avatar from '#lib/atoms/Avatar.svelte';
	import BotMark from '#lib/atoms/BotMark.svelte';
	import type { Snippet } from 'svelte';
	/** Accounts, each with its picture and handle, linked to its profile; `empty` when there are none. */
	let { actors, empty }: { actors: ActorView[]; empty: Snippet } = $props();
</script>

<div class="box">
	<ul class="list">
		{#each actors as a (a.did)}
			<li>
				<Avatar name={a.handle} size="lg" did={a.did} src={a.avatar} /><a
					class="clip"
					href="/{urlPath(a.handle)}"><b>{a.handle}</b></a
				>{#if a.bot}<BotMark />{/if}
			</li>
		{:else}
			<li class="blank">{@render empty()}</li>
		{/each}
	</ul>
</div>