alice.pds.demo.boltless.dev
This repository has no description
1<script lang="ts">
2 import FollowCard from "../FollowCard.svelte";
3 import EmptyState from "../EmptyState.svelte";
4 import type { PersonData } from "../types";
5
6 interface Props {
7 people: PersonData[];
8 title: string;
9 emptyMessage: string;
10 }
11
12 let { people, title, emptyMessage }: Props = $props();
13</script>
14
15<section>
16 <h2 class="px-2 pb-4 text-base font-medium">{title}</h2>
17 {#if people.length === 0}
18 <EmptyState message={emptyMessage} />
19 {:else}
20 <div class="flex flex-col gap-8">
21 {#each people as person (person.did)}
22 <FollowCard {person} />
23 {/each}
24 </div>
25 {/if}
26</section>