alice.pds.demo.boltless.dev
This repository has no description
1<script lang="ts">
2 import { resolve } from "$app/paths";
3 import RepoCard from "$lib/components/repo/RepoCard.svelte";
4 import Section from "$lib/components/ui/Section.svelte";
5 import type { StarData } from "../types";
6
7 let { stars }: { stars: StarData[] } = $props();
8</script>
9
10<Section title="Starred" empty={stars.length === 0} emptyMessage="No stars yet.">
11 {#each stars as star (star.uri)}
12 {#if star.kind === "repo"}
13 <RepoCard repo={star.repo} />
14 {:else}
15 <div
16 class="flex items-center gap-2 rounded border border-border-default bg-background-default px-6 py-4 shadow-sm"
17 >
18 <a
19 href={resolve(`/${star.ownerHandle}/strings/${star.rkey}` as "/")}
20 class="truncate font-bold text-foreground-default no-underline hover:underline"
21 >
22 {star.ownerHandle}/{star.rkey}
23 </a>
24 </div>
25 {/if}
26 {/each}
27</Section>