From fd449c82699af74bcf0909756b30196f26aa91c8 Mon Sep 17 00:00:00 2001
From: hippoz <10706925-hippoz@users.noreply.gitlab.com>
Date: Mon, 26 Jun 2023 13:44:17 +0300
Subject: [PATCH] fix user channels button

---
 frontend/src/components/Sidebar.svelte | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/frontend/src/components/Sidebar.svelte b/frontend/src/components/Sidebar.svelte
index 324b09e..fed999d 100644
--- a/frontend/src/components/Sidebar.svelte
+++ b/frontend/src/components/Sidebar.svelte
@@ -67,8 +67,10 @@
 <div class="sidebar-container" in:maybeFly="{{ duration: 175, easing: quadInOut, x: -10 }}" out:maybeFlyIf="{{ _condition: !smallViewport.value, duration: 175, easing: quadInOut, x: -10 }}">
     <div class="communities">
         <button class="button" on:click={() => selectedCommunity.clear()} class:selected={ $selectedCommunity.id === -1 }>
-            {#if $userInfoStore}
+            {#if $userInfoStore && $userInfoStore.avatar}
                 <img src={avatarUrl($userInfoStore.avatar, 64)} alt=" ">
+            {:else}
+                <span>{ $userInfoStore ? $userInfoStore.username[0] || "" : "" }</span>
             {/if}
         </button>
         {#each $communities as community (community.id)}