alice.pds.demo.boltless.dev
This repository has no description
1<script lang="ts">
2 import User from "$lib/components/ui/User.svelte";
3 import FollowCard from "$lib/components/profile/FollowCard.svelte";
4 import TimelineCard from "./TimelineCard.svelte";
5 import { relativeTime } from "$lib/format";
6 import { toPerson } from "./mappers";
7 import type { FollowEvent } from "$lib/api/lexicons/types/sh/tangled/feed/getTimeline";
8
9 let { event, eventAt }: { event: FollowEvent; eventAt: string } = $props();
10</script>
11
12<TimelineCard>
13 {#snippet header()}
14 <User handle={event.actor.handle} did={event.actor.did} />
15 <span>followed</span>
16 <User handle={event.subject.handle} did={event.subject.did} />
17 <span class="text-foreground-subtle">{relativeTime(eventAt)}</span>
18 {/snippet}
19
20 <FollowCard person={toPerson(event.subject)} border={false} shadow={false} background={false} />
21</TimelineCard>