From 4c735030ad6a51705590e72a6c4e6c235feb25dc Mon Sep 17 00:00:00 2001
From: RAR <sswwqqaa@gmail.com>
Date: Tue, 10 Jan 2023 19:47:26 +0100
Subject: [PATCH] feat: Added column card counts

Please don't "fix" the "<no_cards> cards" alignment, after adding column collapsing feature it will look good :D
---
 client/src/components/List/List.jsx         | 4 ++++
 client/src/components/List/List.module.scss | 5 +++++
 client/src/locales/en/core.js               | 2 ++
 3 files changed, 11 insertions(+)

diff --git a/client/src/components/List/List.jsx b/client/src/components/List/List.jsx
index 00d1b107..5a72b003 100755
--- a/client/src/components/List/List.jsx
+++ b/client/src/components/List/List.jsx
@@ -117,6 +117,10 @@ const List = React.memo(
                     </Button>
                   </ActionsPopup>
                 )}
+                <div className={styles.cardsCount}>
+                  {cardIds.length}&nbsp;
+                  {cardIds.length !== 1 ? t('common.cards') : t('common.card')}
+                </div>
               </div>
               <div
                 ref={listWrapper}
diff --git a/client/src/components/List/List.module.scss b/client/src/components/List/List.module.scss
index 7b47c893..8a01a924 100644
--- a/client/src/components/List/List.module.scss
+++ b/client/src/components/List/List.module.scss
@@ -39,6 +39,11 @@
     min-height: 1px;
   }
 
+  .cardsCount {
+    color: #798d99;
+    font-size: 12px;
+  }
+
   .cardsInnerWrapper {
     max-height: calc(100vh - 268px);
     overflow-x: hidden;
diff --git a/client/src/locales/en/core.js b/client/src/locales/en/core.js
index eec6b5d1..7a0f5b21 100644
--- a/client/src/locales/en/core.js
+++ b/client/src/locales/en/core.js
@@ -158,6 +158,8 @@ export default {
       version: 'Version',
       viewer: 'Viewer',
       writeComment: 'Write a comment...',
+      card: 'card',
+      cards: 'cards',
     },
 
     action: {