Monorepo for Tangled
Something went wrong. Try again.
Svelte
1234567891011121314151617181920212223242526272829303132333435363738394041424344<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 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();</script>
{#if feed.length > 0} <div class="flex flex-col gap-md"> {#each feed as item, i (item.event.uri)} {@const event = item.event} <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 event.$type === "sh.tangled.feed.getTimeline#repoEvent"} <TimelineRepoEvent {event} eventAt={item.eventAt} {signedIn} /> {:else if event.$type === "sh.tangled.feed.getTimeline#starEvent"} <TimelineStarEvent {event} eventAt={item.eventAt} {signedIn} /> {:else if event.$type === "sh.tangled.feed.getTimeline#followEvent"} <TimelineFollowEvent {event} eventAt={item.eventAt} {signedIn} /> {/if} </div> {/each} </div>{:else} <EmptyState message={emptyMessage} />{/if}