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 { useLocalize } from '../../../context/localize'
import styles from './Sidebar.module.scss' import styles from './Sidebar.module.scss'
import { clsx } from 'clsx' import { clsx } from 'clsx'
import Userpic from '../../Author/Userpic'
type FeedSidebarProps = { type FeedSidebarProps = {
authors: Author[] authors: Author[]
@ -110,7 +111,12 @@ export const Sidebar = (props: FeedSidebarProps) => {
classList={{ [styles.unread]: checkAuthorIsSeen(authorSlug) }} classList={{ [styles.unread]: checkAuthorIsSeen(authorSlug) }}
> >
<div class={styles.sidebarItemName}> <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} {authorSlug}
{authorEntities()[authorSlug]?.name} {authorEntities()[authorSlug]?.name}
</div> </div>