From 0065217f081dab87f120f71303c2808b27516e1a Mon Sep 17 00:00:00 2001
From: TatsianaSauko <miljanzowa@mail.ru>
Date: Tue, 10 Sep 2024 11:48:08 +0300
Subject: [PATCH 1/5] fix: reset selection of other items when one is selected

---
 src/store.js | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/store.js b/src/store.js
index 9afab7e81..5a2e09f49 100644
--- a/src/store.js
+++ b/src/store.js
@@ -69,6 +69,8 @@ class Store {
       list: this.state.list.map(item => {
         if (item.code === code) {
           item.selected = !item.selected;
+        } else {
+          item.selected = false;
         }
         return item;
       }),

From 8ea83ed32f66a4696181158375f8e43c46f63776 Mon Sep 17 00:00:00 2001
From: TatsianaSauko <miljanzowa@mail.ru>
Date: Tue, 10 Sep 2024 11:55:44 +0300
Subject: [PATCH 2/5] feat: implement unique code generation for new items

---
 src/store.js | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/store.js b/src/store.js
index 5a2e09f49..b64ed0000 100644
--- a/src/store.js
+++ b/src/store.js
@@ -3,7 +3,10 @@
  */
 class Store {
   constructor(initState = {}) {
-    this.state = initState;
+    this.state = {
+      ...initState,
+      nextCode: 1, // Начальное значение для уникальных кодов
+    };
     this.listeners = []; // Слушатели изменений состояния
   }
 
@@ -42,9 +45,11 @@ class Store {
    * Добавление новой записи
    */
   addItem() {
+    const newCode = this.state.nextCode;
     this.setState({
       ...this.state,
-      list: [...this.state.list, { code: this.state.list.length + 1, title: 'Новая запись' }],
+      list: [...this.state.list, { code: newCode, title: 'Новая запись' }],
+      nextCode: newCode + 1, // Увеличиваем счетчик
     });
   }
 

From 820ca95e087d3e27b904e05d1f5349ee7ebd6fc7 Mon Sep 17 00:00:00 2001
From: TatsianaSauko <miljanzowa@mail.ru>
Date: Tue, 10 Sep 2024 12:25:50 +0300
Subject: [PATCH 3/5] feat: display selection count for each item

---
 src/app.js     | 8 +++++++-
 src/store.js   | 5 ++++-
 src/styles.css | 5 +++++
 3 files changed, 16 insertions(+), 2 deletions(-)

diff --git a/src/app.js b/src/app.js
index 8ad1c64b4..c09d5baa5 100644
--- a/src/app.js
+++ b/src/app.js
@@ -28,8 +28,14 @@ function App({ store }) {
               >
                 <div className="Item-code">{item.code}</div>
                 <div className="Item-title">{item.title}</div>
+                {item.selectionCount > 0 && (
+                  <div className="Item-selectionCount">Выделяли {item.selectionCount} раз</div>
+                )}
                 <div className="Item-actions">
-                  <button onClick={() => store.deleteItem(item.code)}>Удалить</button>
+                  <button onClick={(e) => {
+                    e.stopPropagation();
+                    store.deleteItem(item.code);
+                  }}>Удалить</button>
                 </div>
               </div>
             </div>
diff --git a/src/store.js b/src/store.js
index b64ed0000..aa68ddc4f 100644
--- a/src/store.js
+++ b/src/store.js
@@ -5,7 +5,7 @@ class Store {
   constructor(initState = {}) {
     this.state = {
       ...initState,
-      nextCode: 1, // Начальное значение для уникальных кодов
+      nextCode: 8, // Начальное значение для уникальных кодов
     };
     this.listeners = []; // Слушатели изменений состояния
   }
@@ -74,6 +74,9 @@ class Store {
       list: this.state.list.map(item => {
         if (item.code === code) {
           item.selected = !item.selected;
+          if (item.selected) {
+            item.selectionCount = (item.selectionCount || 0) + 1;
+          }
         } else {
           item.selected = false;
         }
diff --git a/src/styles.css b/src/styles.css
index 67e37a9b3..f6631aa9c 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -59,3 +59,8 @@ body {
   justify-content: flex-end;
   padding: 20px 20px 20px 10px;
 }
+
+.Item-selectionCount {
+  font-size: 12px;
+  padding: 20px 20px 20px 10px;
+}

From 090844883b144d49e68f78ce8eb9bae01307ed06 Mon Sep 17 00:00:00 2001
From: TatsianaSauko <miljanzowa@mail.ru>
Date: Wed, 11 Sep 2024 09:32:46 +0300
Subject: [PATCH 4/5] fix: unique code generation and selection count display

---
 src/app.js     |  7 +++++--
 src/store.js   | 28 ++++++++++++++++++++++++++--
 src/styles.css |  3 +--
 3 files changed, 32 insertions(+), 6 deletions(-)

diff --git a/src/app.js b/src/app.js
index c09d5baa5..e901342fc 100644
--- a/src/app.js
+++ b/src/app.js
@@ -27,10 +27,13 @@ function App({ store }) {
                 onClick={() => store.selectItem(item.code)}
               >
                 <div className="Item-code">{item.code}</div>
-                <div className="Item-title">{item.title}</div>
+                <div className="Item-title">{item.title}
                 {item.selectionCount > 0 && (
-                  <div className="Item-selectionCount">Выделяли {item.selectionCount} раз</div>
+                  <div className="Item-selectionCount">
+                    &nbsp;(Выделяли {store.getSelectionCountText(item.selectionCount)})
+                  </div>
                 )}
+                </div>
                 <div className="Item-actions">
                   <button onClick={(e) => {
                     e.stopPropagation();
diff --git a/src/store.js b/src/store.js
index aa68ddc4f..c4a3ff274 100644
--- a/src/store.js
+++ b/src/store.js
@@ -5,7 +5,6 @@ class Store {
   constructor(initState = {}) {
     this.state = {
       ...initState,
-      nextCode: 8, // Начальное значение для уникальных кодов
     };
     this.listeners = []; // Слушатели изменений состояния
   }
@@ -45,7 +44,7 @@ class Store {
    * Добавление новой записи
    */
   addItem() {
-    const newCode = this.state.nextCode;
+    const newCode = this.generateUniqueCode();
     this.setState({
       ...this.state,
       list: [...this.state.list, { code: newCode, title: 'Новая запись' }],
@@ -84,6 +83,31 @@ class Store {
       }),
     });
   }
+
+  generateUniqueCode() {
+    const codes = this.state.list.map(item => item.code);
+    return Math.max(...codes, 0) + 1;
+  }
+
+  getSelectionCountText(count) {
+    const lastDigit = count % 10;
+    const lastTwoDigits = count % 100;
+
+    if (lastTwoDigits >= 11 && lastTwoDigits <= 19) {
+      return `${count} раз`;
+    }
+
+    if (lastDigit === 1) {
+      return `${count} раз`;
+    }
+
+    if (lastDigit >= 2 && lastDigit <= 4) {
+      return `${count} раза`;
+    }
+
+    return `${count} раз`;
+  }
+
 }
 
 export default Store;
diff --git a/src/styles.css b/src/styles.css
index f6631aa9c..e3dfb0e28 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -61,6 +61,5 @@ body {
 }
 
 .Item-selectionCount {
-  font-size: 12px;
-  padding: 20px 20px 20px 10px;
+  display: inline-block;
 }

From 05da68ae8e06c3f9a60e30be0234a7ea0cd7cbe4 Mon Sep 17 00:00:00 2001
From: TatsianaSauko <miljanzowa@mail.ru>
Date: Fri, 13 Sep 2024 07:26:56 +0300
Subject: [PATCH 5/5] fix: layout

---
 src/app.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/app.js b/src/app.js
index e901342fc..c8b0a8901 100644
--- a/src/app.js
+++ b/src/app.js
@@ -30,7 +30,7 @@ function App({ store }) {
                 <div className="Item-title">{item.title}
                 {item.selectionCount > 0 && (
                   <div className="Item-selectionCount">
-                    &nbsp;(Выделяли {store.getSelectionCountText(item.selectionCount)})
+                    &nbsp;| Выделяли {store.getSelectionCountText(item.selectionCount)}
                   </div>
                 )}
                 </div>