blob: e0cec12e5b73b340220d26df218161f654d46665 (
plain) (
blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
|
<script>
import { Avatar } from '$comp';
export let tags;
let addr = (tags) => {
let { 'addr:housenumber': house, 'addr:street': street, 'addr:city': city } = tags;
if (house) return `${house} ${street}, ${city}`;
if (street) return `${street}, ${city}`;
if (city) return city;
return '';
};
</script>
{#if tags}
<span class="block font-bold">{tags.name}</span>
<span class="block">{addr(tags)}</span>
{#if tags.phone}
<a href="tel:${tags.phone}" class="block">{tags.phone}</a>
{/if}
{#if tags.website}
<a href="${tags.website}" target="_blank" rel="noreferrer" class="block text-blue-400 break-all"
>{tags.website}</a
>
{/if}
{#if tags.user}
<a href={`/${tags.user.username}`}>
<div class="flex gap-1">
<Avatar user={tags.user} size={16} />
<div class="my-auto">
{tags.user.username}
</div>
</div>
</a>
{/if}
{/if}
|
