forked from coracle/flotilla
Jon Staab
25 lines
616 B
Svelte
25 lines
616 B
Svelte
<script lang="ts">
|
|
import cx from "classnames"
|
|
import {removeUndefined} from "@welshman/lib"
|
|
import {deriveProfile} from "@welshman/app"
|
|
import UserRounded from "@assets/icons/user-rounded.svg?dataurl"
|
|
import ImageIcon from "@lib/components/ImageIcon.svelte"
|
|
|
|
type Props = {
|
|
pubkey: string
|
|
class?: string
|
|
size?: number
|
|
url?: string
|
|
}
|
|
|
|
const {pubkey, url, size = 7, ...props}: Props = $props()
|
|
|
|
const profile = deriveProfile(pubkey, removeUndefined([url]))
|
|
</script>
|
|
|
|
<ImageIcon
|
|
{size}
|
|
alt=""
|
|
class={cx(props.class, "rounded-full")}
|
|
src={$profile?.picture || UserRounded} />
|