diff options
| author | Adam Soltys <[email protected]> | 2022-12-20 12:25:20 -0800 |
|---|---|---|
| committer | Adam Soltys <[email protected]> | 2022-12-20 12:25:23 -0800 |
| commit | 58af670a68d57ac6afcd14dceef7b5bb85204926 (patch) | |
| tree | c021950414623453cb56439dcb707ddfbfd65960 /src/components | |
| parent | 92df0cfd406c40608eee6a638e77953e12822e06 (diff) | |
| download | coinos-ui-58af670a68d57ac6afcd14dceef7b5bb85204926.tar.gz coinos-ui-58af670a68d57ac6afcd14dceef7b5bb85204926.zip | |
nostr feed
Diffstat (limited to 'src/components')
| -rw-r--r-- | src/components/Avatar.svelte | 6 |
1 files changed, 5 insertions, 1 deletions
diff --git a/src/components/Avatar.svelte b/src/components/Avatar.svelte index d636416d..cfbec54f 100644 --- a/src/components/Avatar.svelte +++ b/src/components/Avatar.svelte @@ -5,10 +5,12 @@ export let user; export let size = 32; export let disabled = false; + export let src; + $: s = size.toString(); </script> -<a href={`/${user.username}`} class:pointer-events-none={disabled}> +<a href={`/${user ? user.username : ''}`} 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" > @@ -18,6 +20,8 @@ class="w-full h-full object-cover object-center overflow-hidden" alt={user.username} /> + {:else if src} + <img {src} class="w-full h-full object-cover object-center overflow-hidden" alt="Avatar" /> {:else} <Icon icon="logo-symbol-white" style="w-4/5" /> {/if} |