alice.pds.demo.boltless.dev
This repository has no description
1<script lang="ts">
2 import RepoCard from "$lib/components/repo/RepoCard.svelte";
3 import Section from "$lib/components/ui/Section.svelte";
4 import ActivityStub from "../ActivityStub.svelte";
5 import { repoKey, type RepoCardData } from "../types";
6
7 interface Props {
8 pinned: RepoCardData[];
9 }
10
11 let { pinned }: Props = $props();
12</script>
13
14<div class="grid gap-6 md:grid-cols-8">
15 <div class="order-1 md:col-span-4">
16 <Section
17 title="Pinned repositories"
18 empty={pinned.length === 0}
19 emptyMessage="No pinned repositories."
20 >
21 {#each pinned as repo (repoKey(repo))}
22 <RepoCard {repo} starButton={false} showOwner={false} />
23 {/each}
24 </Section>
25 </div>
26
27 <section class="order-2 md:col-span-4">
28 <h2 class="px-2 pb-4 typography-paragraph-large font-medium">Activity</h2>
29 <ActivityStub />
30 </section>
31</div>