discours.io/webapp
5
0
Fork 0
Code Issues Pull Requests Actions Projects Wiki Activity

Userpic in the sidebar on the feed page

Browse Source
This commit is contained in:
kvakazyambra 2023-06-09 00:55:22 +03:00
parent 9754a0235d
commit e4ac8d8b56
1 changed files with 7 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/Feed/Sidebar/Sidebar.tsx
View File

@ -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>