From e4ac8d8b5628ac35549db619c6653f2451a9a5d4 Mon Sep 17 00:00:00 2001
From: kvakazyambra <kvakazyambra@gmail.com>
Date: Fri, 9 Jun 2023 00:55:22 +0300
Subject: [PATCH] Userpic in the sidebar on the feed page

---
 src/components/Feed/Sidebar/Sidebar.tsx | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/components/Feed/Sidebar/Sidebar.tsx b/src/components/Feed/Sidebar/Sidebar.tsx
index c82904c1..d75873b6 100644
--- a/src/components/Feed/Sidebar/Sidebar.tsx
+++ b/src/components/Feed/Sidebar/Sidebar.tsx
@@ -9,6 +9,7 @@ import { useSession } from '../../../context/session'
 import { useLocalize } from '../../../context/localize'
 import styles from './Sidebar.module.scss'
 import { clsx } from 'clsx'
+import Userpic from '../../Author/Userpic'
 
 type FeedSidebarProps = {
   authors: Author[]
@@ -110,7 +111,12 @@ export const Sidebar = (props: FeedSidebarProps) => {
                   classList={{ [styles.unread]: checkAuthorIsSeen(authorSlug) }}
                 >
                   <div class={styles.sidebarItemName}>
-                    <Icon name="hash" class={styles.icon} />
+                    <Show when={authorEntities()[authorSlug]}>
+                      <Userpic user={authorEntities()[authorSlug]?.userpic} />
+                    </Show>
+                    <Show when={!authorEntities()[authorSlug]}>
+                      <Icon name="hash" class={styles.icon} />
+                    </Show>
                     {authorSlug}
                     {authorEntities()[authorSlug]?.name}
                   </div>