Something went wrong. Try again.
Monorepo for Tangled
Something went wrong. Try again.
Svelte
1234567891011121314151617181920212223242526272829303132333435363738394041<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 TimelineCard from "./TimelineCard.svelte"; import { relativeTime } from "$lib/format"; import { toRepoCard, repoHref } from "./mappers"; import type { RepoEvent } from "$lib/api/lexicons/types/sh/tangled/feed/getTimeline";
let { event, eventAt }: { event: RepoEvent; eventAt: string } = $props();</script>
<TimelineCard> {#snippet header()} <ProfilePopover did={event.repo.owner.did}> <User handle={event.repo.owner.handle} did={event.repo.owner.did} link /> </ProfilePopover> {#if event.source} <span>forked</span> <a href={repoHref(event.source)} class="text-foreground-default hover:underline" >{event.source.owner.handle}/{event.source.slug}</a > <span>to</span> <a href={repoHref(event.repo)} class="text-foreground-default hover:underline" >{event.repo.slug}</a > {:else} <span>created {event.repo.slug}</span> {/if} <span class="text-foreground-subtle">{relativeTime(eventAt)}</span> {/snippet}
<RepoCard repo={toRepoCard(event.repo)} border={false} shadow={false} background={false} padding="none" /></TimelineCard>