diff options
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} |