diff options
| author | Adam Soltys <[email protected]> | 2023-12-01 20:04:13 -0800 |
|---|---|---|
| committer | Adam Soltys <[email protected]> | 2023-12-01 20:04:13 -0800 |
| commit | 216a600224fde22ce76b367557a02094ec693886 (patch) | |
| tree | d1189bbaa39db204633523132a7d4767b952717d /src/components/Popup.svelte | |
| parent | 7d9bc1f54dfd04172e8d6d43ebc2efd6f407e833 (diff) | |
| download | coinos-ui-216a600224fde22ce76b367557a02094ec693886.tar.gz coinos-ui-216a600224fde22ce76b367557a02094ec693886.zip | |
prettier
Diffstat (limited to 'src/components/Popup.svelte')
| -rw-r--r-- | src/components/Popup.svelte | 66 |
1 files changed, 35 insertions, 31 deletions
diff --git a/src/components/Popup.svelte b/src/components/Popup.svelte index 8fe1d160..5d2b9b6a 100644 --- a/src/components/Popup.svelte +++ b/src/components/Popup.svelte @@ -1,38 +1,42 @@ <script> - import { page } from '$app/stores'; - import { Avatar } from '$comp'; - export let tags; + import { page } from "$app/stores"; + 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}`; - return ''; - }; + let addr = (tags) => { + let { + "addr:housenumber": house, + "addr:street": street, + "addr:city": city, + } = tags; + if (house) return `${house} ${street}`; + return ""; + }; </script> {#if tags} - {#if tags.user} - <a href={`/${tags.user.username}`}> - <div class="space-y-5"> - <div> - <span class="block font-bold">{tags.name}</span> - <span class="block">{addr(tags)}</span> - </div> + {#if tags.user} + <a href={`/${tags.user.username}`}> + <div class="space-y-5"> + <div> + <span class="block font-bold">{tags.name}</span> + <span class="block">{addr(tags)}</span> + </div> - <div> - <div class="flex w-full"> - <div class="mx-auto"> - <Avatar user={tags.user} size={16} /> - </div> - </div> - <div class="break-all text-center"> - {$page.url.host}/{tags.user.username.toLowerCase()} - </div> - </div> - </div> - </a> - {:else} - <span class="block font-bold">{tags.name}</span> - <span class="block">{addr(tags)}</span> - {/if} + <div> + <div class="flex w-full"> + <div class="mx-auto"> + <Avatar user={tags.user} size={16} /> + </div> + </div> + <div class="break-all text-center"> + {$page.url.host}/{tags.user.username.toLowerCase()} + </div> + </div> + </div> + </a> + {:else} + <span class="block font-bold">{tags.name}</span> + <span class="block">{addr(tags)}</span> + {/if} {/if} |