flotilla/src/app/components/ProfileList.svelte
2026-01-30 15:36:20 -08:00

38 lines
1,022 B
Svelte

<script lang="ts">
import Button from "@lib/components/Button.svelte"
import ModalHeader from "@lib/components/ModalHeader.svelte"
import ModalFooter from "@lib/components/ModalFooter.svelte"
import Modal from "@lib/components/Modal.svelte"
import ModalBody from "@lib/components/ModalBody.svelte"
import Profile from "@app/components/Profile.svelte"
interface Props {
title: any
pubkeys: any
subtitle?: string
url?: string
}
const {subtitle = "", pubkeys, url, ...restProps}: Props = $props()
</script>
<Modal>
<ModalBody>
<ModalHeader>
{#snippet title()}
<div>{restProps.title}</div>
{/snippet}
{#snippet info()}
<div>{subtitle}</div>
{/snippet}
</ModalHeader>
{#each pubkeys as pubkey (pubkey)}
<div class="card2 bg-alt">
<Profile {pubkey} {url} />
</div>
{/each}
</ModalBody>
<ModalFooter>
<Button class="btn btn-primary" onclick={() => history.back()}>Got it</Button>
</ModalFooter>
</Modal>