Something went wrong. Try again.
Monorepo for Tangled
Something went wrong. Try again.
Svelte
at sl/gitmirror
12345678910111213141516171819202122232425262728293031323334353637383940414243444546<script lang="ts"> import EmptyState from "$lib/components/ui/EmptyState.svelte"; import TimelineRepoEvent from "$lib/components/timeline/TimelineRepoEvent.svelte"; import TimelineStarEvent from "$lib/components/timeline/TimelineStarEvent.svelte"; import TimelineFollowEvent from "$lib/components/timeline/TimelineFollowEvent.svelte"; import { groupTimeline } from "$lib/components/timeline/group"; import type * as ShTangledFeedGetTimeline from "$lib/api/lexicons/types/sh/tangled/feed/getTimeline";
let { feed, emptyMessage = "Nothing here yet.", signedIn = false }: { feed: ShTangledFeedGetTimeline.$output["feed"]; emptyMessage?: string; signedIn?: boolean; } = $props();
const entries = $derived(groupTimeline(feed));</script>
{#if entries.length > 0} <div class="flex flex-col gap-md"> {#each entries as entry, i (entry.key)} <div class="relative"> <!-- connector bridging the gap up to the previous card --> {#if i !== 0} <div class="absolute -top-4 left-5.75 h-4 w-px bg-border-default" aria-hidden="true" ></div> {/if} {#if entry.kind === "follow"} <TimelineFollowEvent actor={entry.actor} items={entry.items} {signedIn} /> {:else if entry.kind === "star"} <TimelineStarEvent actor={entry.actor} items={entry.items} {signedIn} /> {:else} <TimelineRepoEvent actor={entry.actor} items={entry.items} {signedIn} /> {/if} </div> {/each} </div>{:else} <EmptyState message={emptyMessage} />{/if}