forked from coracle/flotilla
Jon Staab
30 lines
953 B
Svelte
30 lines
953 B
Svelte
<script lang="ts">
|
|
import {fromPairs} from "@welshman/lib"
|
|
import type {TrustedEvent} from "@welshman/util"
|
|
import UserCircle from "@assets/icons/user-circle.svg?dataurl"
|
|
import MapPoint from "@assets/icons/map-point.svg?dataurl"
|
|
import Icon from "@lib/components/Icon.svelte"
|
|
import ProfileLink from "@app/components/ProfileLink.svelte"
|
|
|
|
type Props = {
|
|
event: TrustedEvent
|
|
url: string
|
|
}
|
|
|
|
const {event, url}: Props = $props()
|
|
const meta = $derived(fromPairs(event.tags) as Record<string, string>)
|
|
</script>
|
|
|
|
<div class="flex min-w-0 flex-col gap-1 text-sm opacity-75">
|
|
<span class="flex items-center gap-1">
|
|
<Icon icon={UserCircle} size={4} />
|
|
Posted by <ProfileLink pubkey={event.pubkey} {url} />
|
|
</span>
|
|
{#if meta.location}
|
|
<span class="flex items-start gap-1">
|
|
<Icon icon={MapPoint} class="mt-[2px]" size={4} />
|
|
<span class="wrap-break-word">{meta.location}</span>
|
|
</span>
|
|
{/if}
|
|
</div>
|