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/Avatar.svelte | |
| parent | 7d9bc1f54dfd04172e8d6d43ebc2efd6f407e833 (diff) | |
| download | coinos-ui-216a600224fde22ce76b367557a02094ec693886.tar.gz coinos-ui-216a600224fde22ce76b367557a02094ec693886.zip | |
prettier
Diffstat (limited to 'src/components/Avatar.svelte')
| -rw-r--r-- | src/components/Avatar.svelte | 44 |
1 files changed, 23 insertions, 21 deletions
diff --git a/src/components/Avatar.svelte b/src/components/Avatar.svelte index b258a0e8..3955a42f 100644 --- a/src/components/Avatar.svelte +++ b/src/components/Avatar.svelte @@ -1,29 +1,31 @@ <script> - import { avatar, banner, colorTheme } from '$lib/store'; - import { Icon } from '$comp'; - import { punk } from '$lib/utils'; + import { avatar, banner, colorTheme } from "$lib/store"; + import { Icon } from "$comp"; + import { punk } from "$lib/utils"; - export let user; - export let size = 32; - export let disabled = false; + export let user; + export let size = 32; + export let disabled = false; - $: s = size.toString(); - $: link = user.anon ? `/${user.pubkey}` : `/${user.username}`; + $: s = size.toString(); + $: link = user.anon ? `/${user.pubkey}` : `/${user.username}`; - $: src = - ($avatar?.id && $avatar.id === user.id && $avatar.src) || - '/api/public/' + - (user.profile ? user.profile + '.webp' : 'punks/' + punk(user.pubkey || user.id || 'aa')); + $: src = + ($avatar?.id && $avatar.id === user.id && $avatar.src) || + "/api/public/" + + (user.profile + ? user.profile + ".webp" + : "punks/" + punk(user.pubkey || user.id || "aa")); </script> <a href={link} class:pointer-events-none={disabled}> - <div - class="w-{s} h-{s} rounded-full border-4 border-white overflow-hidden bg-gradient-to-r {$colorTheme} flex justify-center items-center" - > - <img - {src} - class="w-full h-full object-cover object-center overflow-hidden" - alt={user.username} - /> - </div> + <div + class="w-{s} h-{s} rounded-full border-4 border-white overflow-hidden bg-gradient-to-r {$colorTheme} flex justify-center items-center" + > + <img + {src} + class="w-full h-full object-cover object-center overflow-hidden" + alt={user.username} + /> + </div> </a> |
