topics-comments

public/locales/en/translation.json

@@ -83,6 +83,7 @@
   "Comment successfully deleted": "Comment successfully deleted",
   "Commentator": "Commentator",
   "Comments": "Comments",
+  "CommentsWithCount": "{count, plural, =0 {{count} comments} one {{count} comment} few {{count} comments} other {{count} comments}}",
   "Communities": "Communities",
   "Community Discussion Rules": "Community Discussion Rules",
   "Community Principles": "Community Principles",

public/locales/ru/translation.json

@@ -88,6 +88,7 @@
   "Comment": "Комментировать",
   "Commentator": "Комментатор",
   "Comments": "Комментарии",
+  "CommentsWithCount": "{count, plural, =0 {{count} комментариев} one {{count} комментарий} few {{count} комментария} other {{count} комментариев}}",
   "Communities": "Сообщества",
   "Community Discussion Rules": "Правила дискуссий в сообществе",
   "Community Principles": "Принципы сообщества",

src/components/Topic/TopicBadge/TopicBadge.tsx

@@ -115,12 +115,15 @@ export const TopicBadge = (props: Props) => {
         </div>
       </div>
       <div class={styles.stats}>
-        <span class={styles.statsItem}>{t('shoutsWithCount', { count: props.topic?.stat?.shouts })}</span>
+        <span class={styles.statsItem}>{t('shoutsWithCount', {count: props.topic?.stat?.shouts})}</span>
-        <span class={styles.statsItem}>{t('authorsWithCount', { count: props.topic?.stat?.authors })}</span>
+        <span class={styles.statsItem}>{t('authorsWithCount', {count: props.topic?.stat?.authors})}</span>
         <span class={styles.statsItem}>
-          {t('followersWithCount', { count: props.topic?.stat?.followers })}
+          {t('FollowersWithCount', {count: props.topic?.stat?.followers})}
         </span>
+        <Show when={props.topic?.stat?.comments}>
+          <span class={styles.statsItem}>{t('CommentsWithCount', {count: props.topic?.stat?.comments ?? 0})}</span>
+        </Show>
       </div>
-    </div>
+</div>
   )
 }

src/components/Views/AllTopics/AllTopics.tsx

@@ -12,7 +12,6 @@ import { capitalize } from '../../../utils/capitalize'
 import { dummyFilter } from '../../../utils/dummyFilter'
 import { getImageUrl } from '../../../utils/getImageUrl'
 import { scrollHandler } from '../../../utils/scroll'
-import { TopicCard } from '../../Topic/Card'
 import { Loading } from '../../_shared/Loading'
 import { SearchField } from '../../_shared/SearchField'