Something went wrong. Try again.
Monorepo for Tangled tangled.org
Something went wrong. Try again.
123456789101112131415161718192021222324252627282930313233343536373839<script lang="ts"> import User from "$lib/components/ui/User.svelte"; import FollowCard from "$lib/components/profile/FollowCard.svelte"; import TimelineGroup from "$lib/components/timeline/TimelineGroup.svelte"; import TimelineActorHeader from "$lib/components/timeline/TimelineActorHeader.svelte"; import { toPerson } from "$lib/components/timeline/mappers"; import type { TimelineEvent } from "$lib/components/timeline/group"; import type * as ShTangledActorDefs from "$lib/api/lexicons/types/sh/tangled/actor/defs"; import type { FollowEvent } from "$lib/api/lexicons/types/sh/tangled/feed/getTimeline";
let { actor, items, signedIn = false }: { actor: ShTangledActorDefs.ProfileViewBasic; items: TimelineEvent<FollowEvent>[]; signedIn?: boolean; } = $props();
const subject = $derived(items[0].event.subject);</script>
<TimelineGroup {items} singular="user" plural="users"> {#snippet title()} <TimelineActorHeader {actor} verb="followed" count={items.length} plural="users"> <User handle={subject.handle} did={subject.did} link /> </TimelineActorHeader> {/snippet} {#snippet row(event)} <FollowCard person={toPerson(event.subject)} followButton={signedIn} border={false} background={false} /> {/snippet}</TimelineGroup>