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

Fixed comments control in the article footer

Browse Source
This commit is contained in:
kvakazyambra 2023-11-10 01:33:21 +03:00
parent bf0d96be19
commit 13fb802365
2 changed files with 16 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/components/Article/FullArticle.tsx
View File

@ -354,9 +354,12 @@ export const FullArticle = (props: Props) => {
<div class={clsx(styles.shoutStatsItem)} ref={triggerRef} onClick={scrollToComments}> <div class={clsx(styles.shoutStatsItem)} ref={triggerRef} onClick={scrollToComments}>
<Icon name="comment" class={styles.icon} /> <Icon name="comment" class={styles.icon} />
<Icon name="comment-hover" class={clsx(styles.icon, styles.iconHover)} /> <Icon name="comment-hover" class={clsx(styles.icon, styles.iconHover)} />
<span class={styles.commentsTextLabel}> <Show
{props.article.stat?.commented || t('Add' + ' comment')} when={props.article.stat?.commented}
</span> fallback={<span class={styles.commentsTextLabel}>{t('Add comment')}</span>}
>
{props.article.stat?.commented}
</Show>
</div> </div>
)} )}
</Popover> </Popover>

9
src/components/Feed/ArticleCard/ArticleCard.tsx
View File

@ -230,9 +230,16 @@ export const ArticleCard = (props: ArticleCardProps) => {
name="comment-hover" name="comment-hover"
class={clsx(styles.icon, styles.iconHover, styles.feedControlIcon)} class={clsx(styles.icon, styles.iconHover, styles.feedControlIcon)}
/> />
<Show
when={props.article.stat?.commented}
fallback={
<span class={clsx(styles.shoutCardLinkContainer, styles.shoutCardDetailsItemLabel)}> <span class={clsx(styles.shoutCardLinkContainer, styles.shoutCardDetailsItemLabel)}>
{props.article.stat?.commented || t('Add comment')} {t('Add comment')}
</span> </span>
}
>
{props.article.stat?.commented}
</Show>
</a> </a>
</div> </div>