alice.pds.demo.boltless.dev
This repository has no description
1<script lang="ts">
2 import EmptyState from "$lib/components/ui/EmptyState.svelte";
3 import FollowCard from "$lib/components/profile/FollowCard.svelte";
4 import RepoCard from "$lib/components/repo/RepoCard.svelte";
5 import { repoKey } from "$lib/components/profile/types";
6 import StepHeader from "./StepHeader.svelte";
7 import { people, trendingRepos } from "./mock";
8</script>
9
10<div class="flex flex-col gap-6">
11 <StepHeader title="Discover" subtitle="Find users to follow and repositories to star." />
12
13 {#if people.length > 0 || trendingRepos.length > 0}
14 {#if people.length > 0}
15 <div class="flex flex-col gap-3">
16 {#each people as person (person.did)}
17 <FollowCard {person} border />
18 {/each}
19 </div>
20 {/if}
21
22 {#if trendingRepos.length > 0}
23 <div class="flex flex-col gap-3">
24 {#each trendingRepos as repo (repoKey(repo))}
25 <RepoCard {repo} border />
26 {/each}
27 </div>
28 {/if}
29 {:else}
30 <EmptyState message="Nothing to suggest right now — you can explore once you're set up." />
31 {/if}
32</div>