Monorepo for Tangled
Something went wrong. Try again.
Svelte
12345678910111213141516171819202122232425262728293031323334353637<script lang="ts"> import User from "$lib/components/ui/User.svelte"; import ProfilePopover from "$lib/components/profile/ProfilePopover.svelte"; import RepoCard from "$lib/components/repo/RepoCard.svelte"; import TimeAgo from "$lib/components/ui/TimeAgo.svelte"; import TimelineCard from "$lib/components/timeline/TimelineCard.svelte"; import { toRepoCard, repoHref } from "$lib/components/timeline/mappers"; import type { StarEvent } from "$lib/api/lexicons/types/sh/tangled/feed/getTimeline";
let { event, eventAt, signedIn = false }: { event: StarEvent; eventAt: string; signedIn?: boolean } = $props();</script>
<TimelineCard> {#snippet header()} <ProfilePopover did={event.actor.did}> <User handle={event.actor.handle} did={event.actor.did} link /> </ProfilePopover> <span>starred</span> <a href={repoHref(event.repo)} class="text-foreground-default" >{event.repo.owner.handle}/{event.repo.slug}</a > <TimeAgo value={eventAt} class="text-foreground-subtle" /> {/snippet}
<RepoCard repo={toRepoCard(event.repo)} starButton={signedIn} border={false} background={false} padding="none" /></TimelineCard>