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 EmptyState from "../EmptyState.svelte";
4 import ActivityStub from "../ActivityStub.svelte";
5 import 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 <section class="order-1 md:col-span-4">
16 <h2 class="px-2 pb-4 text-base font-medium">Pinned repositories</h2>
17 {#if pinned.length === 0}
18 <EmptyState message="No pinned repositories." />
19 {:else}
20 <div class="flex flex-col gap-4">
21 {#each pinned as repo (repo.rkey)}
22 <RepoCard {repo} starButton={false} showOwner={false} />
23 {/each}
24 </div>
25 {/if}
26 </section>
27
28 <section class="order-2 md:col-span-4">
29 <h2 class="px-2 pb-4 text-base font-medium">Activity</h2>
30 <ActivityStub />
31 </section>
32</div>