Something went wrong. Try again.
Monorepo for Tangled
Something went wrong. Try again.
Svelte
at icy/tmrrpn
12345678910111213141516171819202122232425262728293031323334<script lang="ts"> import EmptyState from "$lib/components/ui/EmptyState.svelte"; import FollowCard from "$lib/components/profile/FollowCard.svelte"; import RepoCard from "$lib/components/repo/RepoCard.svelte"; import { repoKey, type PersonData, type RepoCardData } from "$lib/components/profile/types"; import StepHeader from "./StepHeader.svelte";
let { people, repos }: { people: PersonData[]; repos: RepoCardData[] } = $props();</script>
<div class="flex flex-col gap-6"> <StepHeader title="Discover" subtitle="Find users to follow and repositories to star." />
{#if people.length > 0 || repos.length > 0} {#if people.length > 0} <div class="flex flex-col gap-3"> {#each people as person (person.did)} <FollowCard {person} border /> {/each} </div> {/if}
{#if repos.length > 0} <div class="flex flex-col gap-3"> {#each repos as repo (repoKey(repo))} <RepoCard {repo} border /> {/each} </div> {/if} {:else} <EmptyState message="Nothing to suggest right now — you can explore once you're set up." /> {/if}</div>