From 13fb8023656cc2587eeb098384a01909efd8cf22 Mon Sep 17 00:00:00 2001
From: kvakazyambra <kvakazyambra@gmail.com>
Date: Fri, 10 Nov 2023 01:33:21 +0300
Subject: [PATCH] Fixed comments control in the article footer

---
 src/components/Article/FullArticle.tsx          |  9 ++++++---
 src/components/Feed/ArticleCard/ArticleCard.tsx | 13 ++++++++++---
 2 files changed, 16 insertions(+), 6 deletions(-)

diff --git a/src/components/Article/FullArticle.tsx b/src/components/Article/FullArticle.tsx
index 8eefca00..5ea1a86d 100644
--- a/src/components/Article/FullArticle.tsx
+++ b/src/components/Article/FullArticle.tsx
@@ -354,9 +354,12 @@ export const FullArticle = (props: Props) => {
                   <div class={clsx(styles.shoutStatsItem)} ref={triggerRef} onClick={scrollToComments}>
                     <Icon name="comment" class={styles.icon} />
                     <Icon name="comment-hover" class={clsx(styles.icon, styles.iconHover)} />
-                    <span class={styles.commentsTextLabel}>
-                      {props.article.stat?.commented || t('Add' + ' comment')}
-                    </span>
+                    <Show
+                      when={props.article.stat?.commented}
+                      fallback={<span class={styles.commentsTextLabel}>{t('Add comment')}</span>}
+                    >
+                      {props.article.stat?.commented}
+                    </Show>
                   </div>
                 )}
               </Popover>
diff --git a/src/components/Feed/ArticleCard/ArticleCard.tsx b/src/components/Feed/ArticleCard/ArticleCard.tsx
index 8cae936b..e340e895 100644
--- a/src/components/Feed/ArticleCard/ArticleCard.tsx
+++ b/src/components/Feed/ArticleCard/ArticleCard.tsx
@@ -230,9 +230,16 @@ export const ArticleCard = (props: ArticleCardProps) => {
                     name="comment-hover"
                     class={clsx(styles.icon, styles.iconHover, styles.feedControlIcon)}
                   />
-                  <span class={clsx(styles.shoutCardLinkContainer, styles.shoutCardDetailsItemLabel)}>
-                    {props.article.stat?.commented || t('Add comment')}
-                  </span>
+                  <Show
+                    when={props.article.stat?.commented}
+                    fallback={
+                      <span class={clsx(styles.shoutCardLinkContainer, styles.shoutCardDetailsItemLabel)}>
+                        {t('Add comment')}
+                      </span>
+                    }
+                  >
+                    {props.article.stat?.commented}
+                  </Show>
                 </a>
               </div>