alice.pds.demo.boltless.dev
This repository has no description
1<script lang="ts">
2 import VouchCard from "../VouchCard.svelte";
3 import EmptyState from "../EmptyState.svelte";
4 import type { VouchData } from "../types";
5
6 let { vouches }: { vouches: VouchData[] } = $props();
7</script>
8
9<section>
10 <h2 class="px-2 pb-4 text-base font-medium">Vouches</h2>
11 {#if vouches.length === 0}
12 <EmptyState message="No vouches yet." />
13 {:else}
14 <div class="flex flex-col gap-4">
15 {#each vouches as vouch (vouch.uri)}
16 <VouchCard {vouch} />
17 {/each}
18 </div>
19 {/if}
20</section>