Something went wrong. Try again.
Monorepo for Tangled
Something went wrong. Try again.
Svelte
at icy/tmrrpn
123456789101112131415161718192021222324252627<script lang="ts"> import User from "$lib/components/ui/User.svelte"; import ProfilePopover from "$lib/components/profile/ProfilePopover.svelte"; import FollowCard from "$lib/components/profile/FollowCard.svelte"; import TimelineCard from "./TimelineCard.svelte"; import { relativeTime } from "$lib/format"; import { toPerson } from "./mappers"; import type { FollowEvent } from "$lib/api/lexicons/types/sh/tangled/feed/getTimeline";
let { event, eventAt }: { event: FollowEvent; eventAt: string } = $props();</script>
<TimelineCard> {#snippet header()} <ProfilePopover did={event.actor.did}> <User handle={event.actor.handle} did={event.actor.did} link /> </ProfilePopover> <span>followed</span> <ProfilePopover did={event.subject.did}> <User handle={event.subject.handle} did={event.subject.did} link /> </ProfilePopover> <span class="text-foreground-subtle">{relativeTime(eventAt)}</span> {/snippet}
<FollowCard person={toPerson(event.subject)} border={false} shadow={false} background={false} /></TimelineCard>