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

Fixed icons

Browse Source
This commit is contained in:
kvakazyambra 2022-11-13 21:56:58 +03:00
parent 53634b997e
commit fd15d04231
2 changed files with 2 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/components/Nav/Header.tsx
View File

@ -177,8 +177,7 @@ export const Header = (props: Props) => {
<div class={clsx(styles.userControlItem, styles.userControlItemVerbose, 'loginbtn')}> <div class={clsx(styles.userControlItem, styles.userControlItemVerbose, 'loginbtn')}>
<a href="?modal=auth&mode=login" onClick={handleClientRouteLinkClick}> <a href="?modal=auth&mode=login" onClick={handleClientRouteLinkClick}>
<span class={styles.textLabel}>{t('Enter')}</span> <span class={styles.textLabel}>{t('Enter')}</span>
{/* TODO: заменить иконку */} <Icon name="user-anonymous" class={styles.icon} />
<Icon name="inbox-white" class={styles.icon} counter={session()?.news?.unread || 0} />
</a> </a>
</div> </div>
} }

2
src/components/Nav/Icon.tsx
View File

@ -16,7 +16,7 @@ export const Icon = (passedProps: IconProps) => {
const props = mergeProps({ title: '', counter: 0 }, passedProps) const props = mergeProps({ title: '', counter: 0 }, passedProps)
return ( return (
<div class={clsx(styles.icon, props.class)} style={props.style}> <div class={clsx('icon', styles.icon, props.class)} style={props.style}>
<img src={`/icons/${props.name}.svg`} alt={props.title ?? props.name} class={props.iconClassName} /> <img src={`/icons/${props.name}.svg`} alt={props.title ?? props.name} class={props.iconClassName} />
<Show when={props.counter}> <Show when={props.counter}>
<div class={styles.notificationsCounter}>{props.counter}</div> <div class={styles.notificationsCounter}>{props.counter}</div>