Домашнее задание 1

src/app.js

@@ -1,6 +1,7 @@
 import React from 'react';
 import { createElement } from './utils.js';
 import './styles.css';
+import { getPlural } from './utils.js';
 
 /**
  * Приложение
@@ -27,7 +28,11 @@ 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 &&
+                    ` | Выделяли ${item.selectionCount} ${getPlural(item.selectionCount)}`}
+                </div>
                 <div className="Item-actions">
                   <button onClick={() => store.deleteItem(item.code)}>Удалить</button>
                 </div>

src/store.js

@@ -4,6 +4,7 @@
 class Store {
   constructor(initState = {}) {
     this.state = initState;
+    this.state.nextCode = Math.max(...this.state.list.map(el => el.code)) + 1;
     this.listeners = []; // Слушатели изменений состояния
   }
 
@@ -44,7 +45,8 @@ class Store {
   addItem() {
     this.setState({
       ...this.state,
-      list: [...this.state.list, { code: this.state.list.length + 1, title: 'Новая запись' }],
+      list: [...this.state.list, { code: this.state.nextCode, title: 'Новая запись' }],
+      nextCode: this.state.nextCode + 1,
     });
   }
 
@@ -68,7 +70,12 @@ class Store {
       ...this.state,
       list: this.state.list.map(item => {
         if (item.code === code) {
+          if (!item.selected) {
+            item.selectionCount = item.selectionCount ? item.selectionCount + 1 : 1;
+          }
           item.selected = !item.selected;
+        } else if (item.selected) {
+          item.selected = false;
         }
         return item;
       }),

src/utils.js

@@ -26,3 +26,18 @@ export function createElement(name, props = {}, ...children) {
 
   return element;
 }
+
+/**
+ * Получение слово "раз" в правильной форме в зависимости от числительного
+ * @param count {Number} Количество выделений
+ * @returns {String} 
+ */
+export function getPlural(count) {
+  const lastDigit = count % 10;
+  const preLastDigit = Math.trunc(count / 10) % 10;
+  console.log(preLastDigit);
+  if([2, 3, 4].indexOf(lastDigit) !== -1 && preLastDigit !== 1) {
+    return "раза";
+  }
+  return "раз";
+}